@charset "UTF-8";

/* src/assets/fonts/fonts.css */
@font-face {
  font-family: Calibri;
  font-weight: normal;
  src: url("./media/Calibri.ttf") format("truetype");
}
@font-face {
  font-family: Calibri;
  font-weight: bold;
  src: url("./media/Calibrib.ttf") format("truetype");
}
@font-face {
  font-family: Calibri;
  font-weight: normal;
  font-style: italic;
  src: url("./media/Calibrii.ttf") format("truetype");
}
@font-face {
  font-family: Calibri;
  font-weight: 300;
  src: url("./media/Calibril.ttf") format("truetype");
}
@font-face {
  font-family: Calibri;
  font-weight: bold;
  font-style: italic;
  src: url("./media/Calibriz.ttf") format("truetype");
}

/* src/styles.scss */
.auth-background {
  height: 100%;
  width: 100%;
  background-color: #F6F6F6;
  margin-top: -64px;
  padding-top: 64px;
}
.auth-background .auth-container {
  background-color: white;
  box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  width: 52%;
  min-width: 360px;
  height: 60%;
  min-height: 640px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  flex-flow: row wrap;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.auth-background .auth-container .auth-form-container {
  padding: 0 40px;
  flex-flow: row wrap;
  box-sizing: border-box;
  display: flex;
  place-content: center;
  align-items: center;
  flex: 1 1 46%;
  max-width: 46%;
}
.auth-background .auth-container .auth-form-container .mat-tab-nav-bar,
.auth-background .auth-container .auth-form-container .mat-tab-header {
  border-bottom: none;
}
.auth-background .auth-container .auth-form-container .mat-tab-nav-bar .mat-tab-link,
.auth-background .auth-container .auth-form-container .mat-tab-header .mat-tab-link {
  padding: 0 12px;
  min-width: 100px;
}
.auth-background .auth-container .auth-form-container .mat-tab-nav-bar .mat-ink-bar,
.auth-background .auth-container .auth-form-container .mat-tab-header .mat-ink-bar {
  min-width: 100px;
}
.auth-background .auth-container .auth-form-container .auth-logo-container {
  flex: 1 1 100%;
  box-sizing: border-box;
  display: flex;
  place-content: center;
  align-items: center;
  max-width: 100%;
  margin-bottom: 20px;
}
.auth-background .auth-container .auth-form-container .auth-logo-container img {
  width: 38%;
  min-width: 100px;
  max-width: 160px;
}
.auth-background .auth-container .auth-form-container .auth-logo-container img:hover {
  cursor: pointer;
}
.auth-background .auth-container .auth-form-container form {
  margin-top: 20px;
}
.auth-background .auth-container .auth-form-container button.forgot-button-relative {
  position: relative;
  margin-top: 2.5rem;
}
.auth-background .auth-container .auth-form-container button.back-button {
  padding: 0 2px;
  font-weight: 400;
}
.auth-background .auth-container .auth-form-container button.back-button .mat-icon {
  margin-right: 0;
}
.auth-background .auth-container .auth-form-container .auth-links {
  min-height: 16px;
  text-align: center;
}
.auth-background .auth-container .auth-form-container .auth-links a {
  color: #3897A6;
}
.auth-background .auth-container .auth-message-container {
  text-align: center;
  height: 100%;
  padding: 0 50px;
  color: #fff;
  background-color: #3897A6;
  flex-flow: row wrap;
  box-sizing: border-box;
  display: flex;
  place-content: center;
  align-items: center;
  flex: 1 1 54%;
  max-width: 54%;
}
.auth-background .auth-container .auth-message-container h1 {
  margin-top: 50px;
  font-size: 30px;
}
.auth-background .auth-container .auth-message-container h2 {
  font-size: 20px;
  margin: 0;
}
.auth-background .auth-container .warn-color {
  color: #DE5948 !important;
}
@media screen and (max-width: 1400px) {
  .auth-background .auth-container {
    width: 60%;
  }
}
@media screen and (max-width: 1200px) {
  .auth-background .auth-container {
    width: 75%;
  }
  .auth-background .auth-container .auth-form-container {
    flex: 1 1 60%;
    max-width: 60%;
  }
  .auth-background .auth-container .auth-message-container {
    flex: 1 1 40%;
    max-width: 40%;
  }
}
@media screen and (max-width: 960px) {
  .auth-background .auth-container {
    width: 100%;
    height: 100%;
    margin: 0;
  }
  .auth-background .auth-container .auth-form-container {
    padding: 10px;
    flex: 1 1 100%;
    max-width: 100%;
  }
  .auth-background .auth-container .auth-message-container {
    flex: 1 1 100%;
    max-width: 100%;
    height: 20%;
    padding: 0 25px;
  }
  .auth-background .auth-container .auth-message-container h1 {
    margin-top: 0;
    font-size: 24px;
  }
  .auth-background .auth-container .auth-message-container h2 {
    font-size: 16px;
  }
}
@media screen and (max-width: 600px) {
  .auth-background .auth-container .auth-form-container {
    padding: 10px;
  }
  .auth-background .auth-container .auth-message-container {
    padding: 0 15px;
  }
  .auth-background .auth-container .auth-message-container h1 {
    margin-top: 0;
    font-size: 24px;
  }
  .auth-background .auth-container .auth-message-container h2 {
    font-size: 16px;
  }
}
.mat-dialog-container h1.with-subtitle {
  margin-bottom: 10px;
}
.mat-dialog-container h2.subtitle {
  font-size: 1.1em;
  font-weight: 300;
  margin: 0 0 20px 0;
}
.no-padding-dialog .mat-dialog-container {
  padding: 0;
}
.no-padding-dialog .mat-dialog-container .mat-dialog-content {
  margin: 0;
  padding: 0;
}
.overflow-dialog {
  overflow: auto;
}
.visible-overflow .mat-dialog-container {
  overflow: visible;
}
.hidden-overflow .mat-dialog-container {
  overflow: visible;
}
.close-container {
  position: relative;
  z-index: 1000;
}
.close-container .close-box {
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.close-container .close-box .mat-icon {
  font-size: 24px;
  cursor: pointer;
}
.close-container .close-box .mat-icon:hover {
  opacity: 0.54;
}
.redsys-dialog .close-container {
  position: absolute;
  right: 24px;
  top: 24px;
}
.redsys-dialog .mat-dialog-container {
  position: relative;
  padding: 0 !important;
}
@media screen and (max-width: 800px) {
  .visible-overflow .mat-dialog-container {
    overflow: auto;
  }
}
.bigger-padding-fix {
  padding: 26px 16px !important;
}
.lesser-padding-right-fix {
  padding-right: 0 !important;
}
.mat-card-title,
.card-title {
  font-size: 18px !important;
  font-weight: 500 !important;
  margin-bottom: 20px !important;
}
.stacked-card {
  width: 100%;
  padding: 0 !important;
}
.stacked-card .mat-card-title,
.stacked-card .card-title {
  padding: 16px 16px 0 16px;
}
.stacked-card .stacked-content-padding {
  padding: 0 16px;
}
.stacked-card .checkbox-with-image {
  display: flex;
  align-items: center;
  margin-bottom: 20px !important;
}
.stacked-card .checkbox-with-image img {
  margin-left: 18px;
  max-height: 16px;
  cursor: pointer;
}
.stacked-card .checkbox-with-image .additional-text {
  margin-left: 10px;
}
.card-title-multiple {
  display: flex !important;
  align-items: center;
  place-content: center space-between;
}
.card-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.card-table tr {
  border-top-width: 1px;
  border-top-style: solid;
  cursor: pointer;
}
.card-table tr td {
  padding-left: 16px;
  height: 45px;
}
.card-table tr td img {
  max-height: 28px;
}
.card-table tr td.action-icon {
  padding-left: 0;
  text-align: center;
  cursor: pointer;
}
.no-cursor-table tr {
  cursor: default;
}
.no-hover-table tr {
  cursor: default;
}
.card-margin-top {
  margin-top: 16px;
}
.card-margin-bottom {
  margin-bottom: 16px;
}
.card-margin-right {
  margin-right: 16px;
}
.card-margin-auto {
  margin-right: 16px;
}
@media only screen and (max-width: 992px) {
  .card-margin-auto {
    margin-right: 0;
    margin-bottom: 16px;
  }
}
.water-mark {
  font-size: 7em;
  color: rgba(52, 166, 214, 0.4);
  z-index: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  -ms-pointer-events: none;
  -o-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.help-page {
  width: 100%;
  min-height: 100%;
  line-height: 20px;
}
.help-page .mat-icon {
  transform: scale(0.8) translateY(4px);
}
.help-page hr {
  margin: 0;
  border: 1px solid;
  border-top-width: 0;
}
.help-page h1 {
  padding: 24px 20px 12px 20px;
  font-weight: 300;
  font-size: 28px;
  margin: 0;
}
.help-page p {
  padding: 0 20px;
  font-size: 14px;
  text-align: justify;
  max-width: 950px;
}
.help-page ol {
  padding-left: 30px;
  max-width: 950px;
}
.help-page ol.main-ol li {
  cursor: pointer;
}
.help-page ul {
  padding-left: 30px;
  max-width: 950px;
  list-style: none;
}
.help-page img {
  height: 500px;
}
.help-page .help-index {
  padding: 0 20px;
  margin: 12px 0;
  max-width: 950px;
}
.help-page .help-index h2 {
  text-transform: uppercase;
  font-size: 14px;
}
.help-page .help-index p {
  padding: 0;
  font-size: 14px;
  text-align: justify;
}
.help-page .help-index ul.iconos li {
  margin-bottom: 4px;
}
.help-page .mat-icon svg {
  height: 22px;
}
.help-page .help-accordion .mat-expansion-panel {
  padding: 0 20px;
  box-shadow: none;
}
.help-page .help-accordion .mat-expansion-panel .mat-expansion-panel-header {
  padding: 0 20px;
  font-size: 14px;
  max-width: 1050px;
}
.help-page .help-accordion .mat-expansion-panel .mat-expansion-panel-body {
  padding: 0 20px 16px 20px;
  max-width: 950px;
}
.help-page .help-accordion .mat-expansion-panel .mat-expansion-panel-body p {
  padding: 0;
}
.help-page .help-accordion .mat-expansion-panel .mat-expansion-panel-body ul li span {
  font-size: 16px;
  font-weight: 300;
}
.dialog-custom-input {
  text-align: left;
  border-top: none;
  border-right: none;
  border-left: none;
  font-family: "Nunito Sans" !important;
  font-size: 14px;
  padding: 5px 5px 5px 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  flex: 1 1 95%;
  box-sizing: border-box;
  max-width: 95%;
  width: 95%;
  transition: border-bottom-color 350ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
}
.dialog-custom-input:focus {
  outline: none;
  padding-bottom: 4px;
  border-bottom-width: 2px;
}
.dialog-custom-input:hover {
  padding-bottom: 4px;
  border-bottom-width: 2px;
}
.dialog-custom-input.left-aligned {
  text-align: left;
}
html {
  font-family: "Nunito Sans" !important;
  font-weight: 400;
  min-height: 100%;
  height: 100%;
  font-size: 14px !important;
}
body {
  height: 100%;
  min-height: 100%;
  margin: 0;
}
main {
  min-height: 100%;
  position: relative;
}
#theme-container {
  height: calc(100% - 1px);
}
section {
  position: relative;
  z-index: 1;
}
#app-content {
  padding: 1.5rem;
  height: 100%;
}
@media screen and (max-width: 721px) {
  #app-content {
    padding: 1rem 0.5rem 0 0.5rem;
  }
}
a,
img,
div {
  outline: 0;
}
ul {
  padding-left: 0;
}
a {
  text-decoration: none;
}
.small-error-message {
  font-size: 12px;
  height: 30px;
}
.hidden {
  display: none;
}
.margin-bottom-verification {
  margin-bottom: 1.5rem !important;
}
.valign-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.table-fixed {
  table-layout: fixed;
}
.dialog-secondary-header {
  font-size: 18px;
  font-weight: 500;
}
.dialog-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  margin-bottom: 1.5rem;
}
.dialog-table th {
  height: 35px;
  text-align: left;
  padding-right: 24px;
}
.dialog-table td {
  height: 40px;
  padding-right: 24px;
}
.dialog-table td:last-child {
  text-align: center;
}
.dialog-table .action-icon {
  cursor: pointer;
}
.dialog-div-container {
  padding: 0 2rem 1.5rem 0;
  margin-bottom: 1.5rem;
  border-bottom: 1px dashed;
  position: relative;
}
.dialog-div-container .dialog-div-container-remove {
  position: absolute;
  right: 0;
  top: 50%;
  cursor: pointer;
}
.dialog-table-buttons {
  margin-bottom: 2rem;
}
.dialog-table-buttons .button-primary-border {
  border-width: 1px;
  border-style: solid;
  text-transform: uppercase;
  overflow: hidden;
}
.space {
  width: 100%;
  height: 20px;
}
.bold-text {
  font-weight: 500;
}
.full-height {
  height: 100% !important;
}
.low-padding-top {
  padding-top: 12px !important;
}
.no-padding-bottom {
  padding-bottom: 0 !important;
}
.crop-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.block-with-text {
  width: 100%;
  margin-top: 2px;
  margin-bottom: 2px;
  overflow: hidden;
  position: relative;
  line-height: 1.5em;
  max-height: 3em;
  text-align: end;
  margin-right: -1.3em;
  padding-right: 2.2em;
}
.block-with-text:before {
  content: "...";
  position: absolute;
  right: 1.5em;
  bottom: 0;
}
.block-with-text:after {
  content: "";
  position: absolute;
  right: 1.2em;
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  background: white;
}
.margin-right {
  margin-right: 30px;
}
.center-align {
  text-align: center;
}
.right-align {
  text-align: right;
}
.center-margin {
  margin: 0 auto !important;
}
.move-content {
  margin-left: 250px;
  transition: all 350ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
}
.not-move-content {
  margin-left: 58px;
  transition: all 350ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
}
@media only screen and (max-width: 993px) {
  .move-content {
    margin-left: 0;
  }
}
.admin-panel {
  padding: 20px 120px 115px 120px;
}
@media screen and (max-width: 1400px) {
  .admin-panel {
    padding: 20px 90px 115px 90px;
  }
}
@media screen and (max-width: 1200px) {
  .admin-panel {
    padding: 20px 60px 115px 60px;
  }
}
@media screen and (max-width: 800px) {
  .admin-panel {
    padding: 20px 30px 115px 30px;
  }
}
@media screen and (max-width: 600px) {
  .admin-panel {
    padding: 10px 10px 95px 10px;
  }
}
button.mat-menu-item {
  line-height: 24px !important;
}
a.mat-menu-item > mat-icon {
  margin-bottom: 14px;
}
.mat-icon svg {
  height: 24px;
  width: 24px;
}
.mat-icon svg.change {
  height: 55px;
  width: 55px;
}
.mat-icon svg.change2 {
  height: 17px;
  width: 17px;
}
.mat-icon svg.change3 {
  height: 75px;
  width: 75px;
}
.mat-icon svg.change4 {
  height: 49px;
  width: 49px;
}
.mat-icon svg.change5 {
  height: 38px;
  width: 38px;
}
.mat-fab .mat-button-wrapper {
  padding: 0 !important;
}
.mat-form-field-prefix {
  margin-right: 0.65rem;
}
.icon-container {
  margin-bottom: 1rem;
}
.mat-button .mat-icon,
.mat-raised-button .mat-icon {
  margin-right: 10px;
}
.mat-tab-nav-bar {
  display: flex;
  flex-grow: 1;
  overflow: hidden;
  z-index: 1;
}
.mat-tab-links {
  display: flex;
  flex-grow: 1;
  overflow: hidden;
  z-index: 1;
}
.button-border {
  border-width: 1px !important;
  border-style: solid !important;
  text-transform: uppercase;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
.mat-button-focus-overlay {
  background-color: transparent !important;
}
.custom-standard-chip {
  font-size: 12px !important;
  font-weight: 300 !important;
  margin: 4px 2px 4px 6px !important;
}
.mat-standard-chip {
  min-height: 26px !important;
}
@media only screen and (max-width: 600px) {
  .mat-button,
  .mat-raised-button {
    padding: 0 8px !important;
  }
  .mat-button .mat-icon,
  .mat-raised-button .mat-icon {
    margin-right: 0 !important;
  }
}
input:-webkit-autofill {
  -webkit-text-fill-color: #0F223E !important;
  background-color: white !important;
  -webkit-box-shadow: 0 0 0px 10px none inset;
  transition: background-color 5000s ease-in-out 0s;
}
* {
  font-family: "Nunito Sans" !important;
}
.page-container {
  width: 100%;
  height: 100%;
}
.main-container {
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow: scroll;
  display: flex;
  align-items: flex-start;
  place-content: start center;
  box-sizing: border-box;
  padding-bottom: 25px;
  padding-top: 60px;
}
.main-container-auth {
  width: 100%;
  height: 100%;
  max-height: 100%;
  padding: 30px 20px 25px;
  overflow: scroll;
  display: flex;
  align-items: flex-start;
  place-content: space-between center;
  box-sizing: border-box;
}
.main-container2 {
  width: 100%;
  min-height: 100%;
  overflow: scroll;
  display: flex;
  align-items: flex-start;
  place-content: space-between center;
  box-sizing: border-box;
}
.mat-raised-button {
  padding: 4px 30px !important;
  border-radius: 3px !important;
  line-height: 29.382px !important;
  height: 38px !important;
}
.larger-button {
  padding: 4px 105px !important;
}
.card-list-container {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: center;
  max-height: 100%;
  overflow: auto;
}
.card-list-container .card-list {
  padding: 12px;
  display: flex;
  max-width: 80%;
  flex-flow: row wrap;
  padding-left: 20px;
  align-items: center;
  justify-content: center;
}
.card-list-container-auto {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: center;
  max-height: 100%;
  overflow: auto;
}
.card-list-container-auto .card-list {
  padding: 12px;
  display: flex;
  max-width: 80%;
  flex-flow: row wrap;
  padding-left: 20px;
  align-items: center;
  justify-content: center;
}
.bracelit-card-wristbands {
  margin-right: 20px;
  margin-bottom: 20px;
}
.bracelit-card,
.bracelit-card-wristbands {
  padding: 0 !important;
  border-radius: 7px !important;
  box-shadow: 0 2px 9px 4px rgba(24, 90, 125, 0.19) !important;
}
.bracelit-card .bracelit-card-content,
.bracelit-card-wristbands .bracelit-card-content {
  padding: 7px !important;
  display: flex;
  flex-flow: row wrap;
}
.bracelit-card .bracelit-card-content .bracelit-card-info-container,
.bracelit-card-wristbands .bracelit-card-content .bracelit-card-info-container {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
}
.bracelit-card .bracelit-card-content .bracelit-card-info-container .bracelit-card-title,
.bracelit-card-wristbands .bracelit-card-content .bracelit-card-info-container .bracelit-card-title {
  width: 100%;
  height: 20px;
  margin-bottom: 10px;
  text-align: center !important;
}
.bracelit-card .bracelit-card-content .bracelit-card-info-container .bracelit-card-info,
.bracelit-card-wristbands .bracelit-card-content .bracelit-card-info-container .bracelit-card-info {
  width: 100%;
  height: 20px;
  display: flex;
}
.bracelit-card .bracelit-card-content .bracelit-card-info-container .bracelit-card-info .img-container,
.bracelit-card-wristbands .bracelit-card-content .bracelit-card-info-container .bracelit-card-info .img-container {
  display: flex;
  width: 24px;
  justify-content: flex-start;
  align-items: center;
  padding-left: 5px;
}
.bracelit-card .bracelit-card-content .bracelit-card-info-container .bracelit-card-info .img-container img,
.bracelit-card-wristbands .bracelit-card-content .bracelit-card-info-container .bracelit-card-info .img-container img {
  height: 16px;
  width: 16px;
  opacity: 0.5;
}
.bracelit-card .bracelit-card-content .bracelit-card-icon-container,
.bracelit-card-wristbands .bracelit-card-content .bracelit-card-icon-container {
  width: 100%;
  align-items: center;
  justify-content: center;
  display: flex;
}
.bracelit-card .bracelit-card-content .bracelit-card-icon-container img,
.bracelit-card-wristbands .bracelit-card-content .bracelit-card-icon-container img {
  width: 150px;
  height: 100px;
}
.bracelit-card .bracelit-card-content .bracelit-card-row,
.bracelit-card-wristbands .bracelit-card-content .bracelit-card-row {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  width: 100%;
}
.bracelit-card .bracelit-card-content .bracelit-card-row .bracelit-card-title,
.bracelit-card-wristbands .bracelit-card-content .bracelit-card-row .bracelit-card-title {
  width: calc(100% - 35px);
}
.bracelit-card .bracelit-card-content .bracelit-card-row .img-container,
.bracelit-card-wristbands .bracelit-card-content .bracelit-card-row .img-container {
  height: 100%;
  width: 30px;
  display: flex;
  align-items: flex-end;
}
.bracelit-card .bracelit-card-content .bracelit-card-row .img-container img,
.bracelit-card-wristbands .bracelit-card-content .bracelit-card-row .img-container img {
  height: 25px;
  width: 25px;
}
.bracelit-card .bracelit-card-content .bracelit-card-row .number-container,
.bracelit-card-wristbands .bracelit-card-content .bracelit-card-row .number-container {
  height: 100%;
  margin-left: 4px;
  display: flex;
  align-items: flex-end;
}
.bracelit-card .bracelit-card-content .bracelit-card-row .number-container span,
.bracelit-card-wristbands .bracelit-card-content .bracelit-card-row .number-container span {
  position: absolute;
  top: 0;
  left: 0;
}
.bracelit-card .bracelit-card-content .bracelit-card-row-second,
.bracelit-card-wristbands .bracelit-card-content .bracelit-card-row-second {
  align-items: flex-end;
  justify-content: flex-end;
  height: 40px;
}
.bracelit-card .bracelit-card-content .bracelit-card-row-second div,
.bracelit-card-wristbands .bracelit-card-content .bracelit-card-row-second div {
  margin-left: 6px;
}
.bracelit-card .bracelit-card-content .bracelit-card-row-second div:nth-child(2),
.bracelit-card-wristbands .bracelit-card-content .bracelit-card-row-second div:nth-child(2) {
  margin-left: 18px;
}
.bracelit-card-2 {
  border-radius: 7px !important;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25) !important;
  margin-bottom: 20px;
}
.bracelit-card-2 .bracelit-card-content {
  padding: 18px 26px;
}
.bracelit-card-2 .bracelit-card-content-more-margins {
  padding: 2px 11px;
}
.wristband-list-title {
  width: 100%;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.max-height-with-title {
  max-height: calc(100% - 80px) !important;
  height: calc(100% - 80px);
}
.max-height-with-title-2 {
  max-height: calc(100% - 170px) !important;
  height: calc(100% - 170px);
}
.card-list-container-custom-max-height {
  max-height: calc(100% - 80px);
  overflow: scroll;
}
.add-card-row {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bracelit-card-wristbands {
  cursor: pointer;
}
.bracelit-shape-card {
  border-radius: 3px;
  display: flex;
  cursor: pointer;
}
.bracelit-shape-card .add-card-container {
  padding: 5.5px 45px;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.bracelit-shape-card .add-card-container .add-card-scan-container {
  display: flex;
}
.bracelit-shape-card .add-card-container .add-card-scan-container .scan-text-container {
  color: white;
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  text-align: center;
}
.bracelit-shape-card .add-card-container .wristband-icon-container {
  display: flex;
  width: 38px;
  align-items: center;
  justify-content: center;
}
.margin-bottom-7 {
  margin-bottom: 7px;
}
.text-adjust-bottom {
  height: 100%;
  display: flex;
  align-items: flex-end;
}
.big-button-container {
  height: 45px;
  width: 300px;
  flex: none !important;
}
.big-button-container button {
  width: 100%;
}
.custom-modal-padding mat-dialog-container {
  padding: 24px 0 !important;
}
.custom-modal-padding-voucher mat-dialog-container {
  padding: 24px !important;
}
.padding-without-bottom mat-dialog-container {
  padding-bottom: 0 !important;
}
.modal-no-padding mat-dialog-container {
  padding: 0 !important;
}
.no-background-dialog mat-dialog-container {
  background: rgba(0, 0, 0, 0) !important;
  box-shadow: none !important;
}
.modal-like-bracelit-card .mat-dialog-container {
  border-radius: 7px !important;
  box-shadow: 0 2px 9px 4px rgba(24, 90, 125, 0.19) !important;
}
.bracelit-background-dialog mat-dialog-container {
  height: 100%;
  min-height: 100%;
  margin: 0;
  background-image: url(/assets/bracelit/bg_whole.png) !important;
  background-repeat: no-repeat !important;
  background-position: top !important;
  background-size: 100% 100% !important;
}
#theme-container {
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100% 100%;
}
#bg_whole {
  background-image: url(/assets/bracelit/bg_whole.png);
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100% 100%;
}
.bg_whole mat-dialog-container {
  height: 100%;
  min-height: 100%;
  margin: 0;
  background-image: url(/assets/bracelit/bg_whole.png) !important;
  background-repeat: no-repeat !important;
  background-position: top !important;
  background-size: 100% 100% !important;
}
.full-screen-dialog {
  height: 100% !important;
  max-height: 100% !important;
  width: 100% !important;
  max-width: 100% !important;
}
.full-screen-dialog mat-dialog-container {
  padding: 0 !important;
}
.disabled-button {
  opacity: 0.4;
}
.disabled-button-bonos {
  filter: brightness(0) saturate(100%) invert(91%) sepia(10%) saturate(132%) hue-rotate(177deg) brightness(87%) contrast(86%);
}
.empty-state-container {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  place-content: center;
  width: 100%;
  height: 100%;
}
.empty-state-container .empty-state-logo-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.empty-state-container .empty-state-logo-container img {
  height: 64px;
  width: 64px;
  opacity: 0.5;
}
.empty-state-container .empty-state-container-main-text {
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 0 50px;
  margin-bottom: 10px;
}
.empty-state-container .empty-state-secondary-text-container {
  width: 100%;
  align-items: center;
  justify-content: center;
}
.empty-state-container .empty-state-button-container {
  height: 70px;
  width: 100%;
  position: absolute;
  bottom: 23px;
}
.bracelit-preloader {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: row wrap;
}
.bracelit-preloader bracelit-preloader {
  width: 100%;
}
.bracelit-preloader .preloader-text {
  width: 100%;
}
.sidebar-button {
  display: flex !important;
  border-radius: 0 !important;
  width: 100%;
  overflow: hidden !important;
  min-width: 0 !important;
  line-height: unset !important;
  padding: 20px 7px 20px 17px !important;
  transition: all 350ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
}
.sidebar-button .custom-icon {
  margin: 0;
}
.sidebar-button .custom-icon2 {
  margin: 0;
}
@media only screen and (max-width: 360px) {
  .bracelit-card-2 {
    width: 320px;
  }
  .empty-state-container {
    padding: 0 24px;
  }
}
@media only screen and (min-width: 360px) {
  .bracelit-card-2 {
    width: 320px;
  }
  .empty-state-container {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 414px) {
  .bracelit-card-wristbands {
    width: 125px;
  }
}
@media only screen and (min-width: 414px) {
  .bracelit-card-wristbands {
    width: 150px;
  }
}
@media only screen and (max-width: 414px) {
  .bracelit-card,
  .bracelit-card-width {
    width: 320px;
  }
}
@media only screen and (min-width: 414px) {
  .bracelit-card,
  .bracelit-card-width {
    width: 320px;
  }
  .bracelit-card-2 {
    width: 320px;
  }
}
.stat-container {
  height: auto;
  width: auto;
}
.small-chart {
  max-height: 160px !important;
}
.medium-chart {
  min-height: 180px !important;
  max-height: 220px !important;
}
.large-chart {
  min-height: 240px !important;
}
.chart-card {
  padding: 24px 13px !important;
}
.chart-container-min-height {
  min-height: 300px;
}
.link {
  cursor: pointer;
}
.link:hover {
  text-decoration: underline;
}
.responsive-img {
  max-width: 100%;
  height: auto;
  max-height: 100%;
}
.red {
  color: #DE5948;
}
.orange {
  color: #B65E26;
}
.yellow {
  color: #818100;
}
.green {
  color: #359964;
}
:host-context .button-container {
  place-content: center !important;
}
:host-context .save-button {
  margin: 0 !important;
}
.cdk-overlay-container {
  z-index: 9999 !important;
}

/* src/theming.scss */
* {
  font-family: "Nunito Sans" !important;
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}
html {
  --mat-sys-on-surface: initial;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}
.bracelit-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #0F223E;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #0F223E 87%, transparent);
  --mat-form-field-filled-caret-color: #0F223E;
  --mat-form-field-filled-focus-active-indicator-color: #0F223E;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #0F223E 87%, transparent);
  --mat-form-field-outlined-caret-color: #0F223E;
  --mat-form-field-outlined-focus-outline-color: #0F223E;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #0F223E 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #0F223E;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #0F223E;
  --mat-slide-toggle-selected-handle-color: #0F223E;
  --mat-slide-toggle-selected-hover-state-layer-color: #0F223E;
  --mat-slide-toggle-selected-pressed-state-layer-color: #0F223E;
  --mat-slide-toggle-selected-focus-handle-color: #0F223E;
  --mat-slide-toggle-selected-hover-handle-color: #0F223E;
  --mat-slide-toggle-selected-pressed-handle-color: #0F223E;
  --mat-slide-toggle-selected-focus-track-color: #0F223E;
  --mat-slide-toggle-selected-hover-track-color: #0F223E;
  --mat-slide-toggle-selected-pressed-track-color: #0F223E;
  --mat-slide-toggle-selected-track-color: #0F223E;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #0F223E;
  --mat-slider-focus-handle-color: #0F223E;
  --mat-slider-handle-color: #0F223E;
  --mat-slider-hover-handle-color: #0F223E;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #0F223E 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #0F223E 4%, transparent);
  --mat-slider-inactive-track-color: #0F223E;
  --mat-slider-ripple-color: #0F223E;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #0F223E;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #0F223E;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #0F223E;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #0F223E;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #0F223E 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #0F223E;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #0F223E 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #0F223E 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #0F223E 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #0F223E;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #0F223E;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #0F223E;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #0F223E;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #0F223E;
  --mat-slide-toggle-selected-handle-color: #0F223E;
  --mat-slide-toggle-selected-hover-state-layer-color: #0F223E;
  --mat-slide-toggle-selected-pressed-state-layer-color: #0F223E;
  --mat-slide-toggle-selected-focus-handle-color: #0F223E;
  --mat-slide-toggle-selected-hover-handle-color: #0F223E;
  --mat-slide-toggle-selected-pressed-handle-color: #0F223E;
  --mat-slide-toggle-selected-focus-track-color: #0F223E;
  --mat-slide-toggle-selected-hover-track-color: #0F223E;
  --mat-slide-toggle-selected-pressed-track-color: #0F223E;
  --mat-slide-toggle-selected-track-color: #0F223E;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bracelit-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bracelit-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bracelit-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #0F223E;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #0F223E;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bracelit-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bracelit-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bracelit-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #0F223E;
  --mat-progress-bar-track-color: rgba(15, 34, 62, 0.25);
}
.bracelit-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.bracelit-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.bracelit-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.bracelit-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.bracelit-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.bracelit-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.bracelit-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.bracelit-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bracelit-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.bracelit-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #0F223E;
  --mat-chip-elevated-disabled-container-color: #0F223E;
  --mat-chip-elevated-selected-container-color: #0F223E;
  --mat-chip-flat-disabled-selected-container-color: #0F223E;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bracelit-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.bracelit-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.bracelit-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.bracelit-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bracelit-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.bracelit-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.bracelit-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.bracelit-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bracelit-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bracelit-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #0F223E;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #0F223E;
  --mat-radio-selected-hover-icon-color: #0F223E;
  --mat-radio-selected-icon-color: #0F223E;
  --mat-radio-selected-pressed-icon-color: #0F223E;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bracelit-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bracelit-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bracelit-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.bracelit-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.bracelit-theme .mdc-list-item__start,
.bracelit-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #0F223E;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #0F223E;
  --mat-radio-selected-hover-icon-color: #0F223E;
  --mat-radio-selected-icon-color: #0F223E;
  --mat-radio-selected-pressed-icon-color: #0F223E;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bracelit-theme .mat-accent .mdc-list-item__start,
.bracelit-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bracelit-theme .mat-warn .mdc-list-item__start,
.bracelit-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bracelit-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #0F223E;
  --mat-checkbox-selected-hover-icon-color: #0F223E;
  --mat-checkbox-selected-icon-color: #0F223E;
  --mat-checkbox-selected-pressed-icon-color: #0F223E;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #0F223E;
  --mat-checkbox-selected-hover-state-layer-color: #0F223E;
  --mat-checkbox-selected-pressed-state-layer-color: #0F223E;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bracelit-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bracelit-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bracelit-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.bracelit-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.bracelit-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.bracelit-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #0F223E;
}
.bracelit-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.bracelit-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.bracelit-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.bracelit-theme .mdc-list-item__start,
.bracelit-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.bracelit-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.bracelit-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.bracelit-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.bracelit-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.bracelit-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.bracelit-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.bracelit-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.bracelit-theme .mat-mdc-tab-group,
.bracelit-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #0F223E;
  --mat-tab-active-ripple-color: #0F223E;
  --mat-tab-inactive-ripple-color: #0F223E;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #0F223E;
  --mat-tab-active-hover-label-text-color: #0F223E;
  --mat-tab-active-focus-indicator-color: #0F223E;
  --mat-tab-active-hover-indicator-color: #0F223E;
  --mat-tab-active-indicator-color: #0F223E;
}
.bracelit-theme .mat-mdc-tab-group.mat-accent,
.bracelit-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.bracelit-theme .mat-mdc-tab-group.mat-warn,
.bracelit-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.bracelit-theme .mat-mdc-tab-group.mat-background-primary,
.bracelit-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #0F223E;
  --mat-tab-foreground-color: #ffffff;
}
.bracelit-theme .mat-mdc-tab-group.mat-background-accent,
.bracelit-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.bracelit-theme .mat-mdc-tab-group.mat-background-warn,
.bracelit-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.bracelit-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.bracelit-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.bracelit-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #0F223E;
  --mat-checkbox-selected-hover-icon-color: #0F223E;
  --mat-checkbox-selected-icon-color: #0F223E;
  --mat-checkbox-selected-pressed-icon-color: #0F223E;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #0F223E;
  --mat-checkbox-selected-hover-state-layer-color: #0F223E;
  --mat-checkbox-selected-pressed-state-layer-color: #0F223E;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bracelit-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bracelit-theme .mat-mdc-button.mat-primary,
.bracelit-theme .mat-mdc-unelevated-button.mat-primary,
.bracelit-theme .mat-mdc-raised-button.mat-primary,
.bracelit-theme .mat-mdc-outlined-button.mat-primary,
.bracelit-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #0F223E;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #0F223E;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #0F223E 12%, transparent);
  --mat-button-outlined-state-layer-color: #0F223E;
  --mat-button-protected-container-color: #0F223E;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #0F223E;
  --mat-button-text-ripple-color: color-mix(in srgb, #0F223E 12%, transparent);
  --mat-button-text-state-layer-color: #0F223E;
  --mat-button-tonal-container-color: #0F223E;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bracelit-theme .mat-mdc-button.mat-accent,
.bracelit-theme .mat-mdc-unelevated-button.mat-accent,
.bracelit-theme .mat-mdc-raised-button.mat-accent,
.bracelit-theme .mat-mdc-outlined-button.mat-accent,
.bracelit-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.bracelit-theme .mat-mdc-button.mat-warn,
.bracelit-theme .mat-mdc-unelevated-button.mat-warn,
.bracelit-theme .mat-mdc-raised-button.mat-warn,
.bracelit-theme .mat-mdc-outlined-button.mat-warn,
.bracelit-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bracelit-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #0F223E;
  --mat-icon-button-state-layer-color: #0F223E;
  --mat-icon-button-ripple-color: color-mix(in srgb, #0F223E 12%, transparent);
}
.bracelit-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.bracelit-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.bracelit-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.bracelit-theme .mat-mdc-fab.mat-primary,
.bracelit-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #0F223E;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #0F223E 12%, transparent);
  --mat-fab-small-container-color: #0F223E;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bracelit-theme .mat-mdc-fab.mat-accent,
.bracelit-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.bracelit-theme .mat-mdc-fab.mat-warn,
.bracelit-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bracelit-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.bracelit-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.bracelit-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.bracelit-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.bracelit-theme .mat-datepicker-content.mat-accent,
.bracelit-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bracelit-theme .mat-datepicker-content.mat-warn,
.bracelit-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bracelit-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.bracelit-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.bracelit-theme .mat-icon.mat-primary {
  --mat-icon-color: #0F223E;
}
.bracelit-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.bracelit-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.bracelit-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.bracelit-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.bracelit-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #0F223E;
  --mat-toolbar-container-text-color: #ffffff;
}
.bracelit-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.bracelit-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.bracelit-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.bracelit-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bracelit-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bracelit-theme .back-container {
  color: #0F223E;
}
.bracelit-theme .back-container:hover {
  opacity: 0.54;
}
.bracelit-theme .warn-text {
  color: #e74737;
}
.bracelit-theme .inside-modal-title.primary-colored-title,
.bracelit-theme .form-title.primary-colored-title {
  color: #0F223E;
}
.bracelit-theme .full-height-container form .button-container {
  background: white;
}
.bracelit-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.bracelit-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.bracelit-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bracelit-theme .box-checkbox.active-box-checkbox {
  background-color: #0F223E;
  color: white;
}
.bracelit-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bracelit-theme .box-radio.active-box-radio {
  background-color: #0F223E;
  color: white;
}
.bracelit-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.bracelit-theme .error {
  color: #e74737;
}
.bracelit-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.bracelit-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.bracelit-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.bracelit-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.bracelit-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bracelit-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bracelit-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.bracelit-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.bracelit-theme .ql-snow .ql-picker-options {
  background: white;
}
.bracelit-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.bracelit-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.bracelit-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.bracelit-theme .ql-snow .ql-fill,
.bracelit-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.bracelit-theme .ql-snow.ql-toolbar button:hover,
.bracelit-theme .ql-snow .ql-toolbar button:hover,
.bracelit-theme .ql-snow.ql-toolbar button:focus,
.bracelit-theme .ql-snow .ql-toolbar button:focus,
.bracelit-theme .ql-snow.ql-toolbar button.ql-active,
.bracelit-theme .ql-snow .ql-toolbar button.ql-active,
.bracelit-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.bracelit-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.bracelit-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.bracelit-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.bracelit-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.bracelit-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.bracelit-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.bracelit-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.bracelit-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.bracelit-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.bracelit-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.bracelit-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.bracelit-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.bracelit-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.bracelit-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.bracelit-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.bracelit-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bracelit-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bracelit-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.bracelit-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.bracelit-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bracelit-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bracelit-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.bracelit-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.bracelit-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.bracelit-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.bracelit-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bracelit-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bracelit-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bracelit-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bracelit-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bracelit-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bracelit-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bracelit-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bracelit-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.bracelit-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.bracelit-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.bracelit-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.bracelit-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.bracelit-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.bracelit-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.bracelit-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.bracelit-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.bracelit-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.bracelit-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bracelit-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bracelit-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.bracelit-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.bracelit-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bracelit-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bracelit-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.bracelit-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.bracelit-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.bracelit-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.bracelit-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.bracelit-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.bracelit-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bracelit-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bracelit-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bracelit-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bracelit-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bracelit-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bracelit-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.bracelit-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.bracelit-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.bracelit-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.bracelit-theme bee-form-item {
  margin-right: 0 !important;
}
.bracelit-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.bracelit-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #0F223E;
  height: 38px !important;
}
.bracelit-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.bracelit-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.bracelit-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.bracelit-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.bracelit-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.bracelit-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.bracelit-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.bracelit-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.bracelit-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .bracelit-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.bracelit-theme .general-container .label-wrapper label {
  color: #0F223E !important;
  background-color: white;
}
.bracelit-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bracelit-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.bracelit-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.bracelit-theme .general-container .bee-selector .bee-selector-container {
  border-color: #0F223E !important;
}
.bracelit-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.bracelit-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.bracelit-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.bracelit-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.bracelit-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.bracelit-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bracelit-theme .general-container .bee-selector .bee-selector-container:focus,
.bracelit-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #0F223E;
}
.bracelit-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.bracelit-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #0F223E;
}
.bracelit-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.bracelit-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #0F223E;
}
.bracelit-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bracelit-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bracelit-theme .general-container .bee-dropdown {
  background: white;
}
.bracelit-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #0F223E;
}
.bracelit-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.bracelit-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.bracelit-theme .general-container .selector-error {
  color: #e74737;
}
.bracelit-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bracelit-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.bracelit-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bracelit-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.bracelit-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #0F223E;
}
.bracelit-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bracelit-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bracelit-theme .move-image-action-container:hover {
  color: #0F223E;
}
.bracelit-theme .info-icon {
  color: #0F223E;
}
.bracelit-theme .email-chip {
  color: #0F223E !important;
  background-color: rgba(15, 34, 62, 0.15) !important;
}
.bracelit-theme .email-chip .mat-chip-remove {
  color: #0F223E !important;
  opacity: 1 !important;
}
.bracelit-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.bracelit-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.bracelit-theme .mat-badge-content {
  color: #0F223E !important;
}
.bracelit-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #0F223E !important;
}
.bracelit-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #0F223E !important;
}
.bracelit-theme #circle-lleno {
  background: #ffffff;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.bracelit-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.bracelit-theme .marine-color {
  color: #0f223e !important;
}
.bracelit-theme .primary-color {
  color: #0F223E !important;
}
.bracelit-theme .gray-color {
  color: #C0C4CA !important;
}
.bracelit-theme .primary-color-200 {
  color: #0F223E !important;
}
.bracelit-theme svg.primary-fill-svg {
  fill: #0F223E !important;
}
.bracelit-theme .primary-fill {
  fill: #0F223E !important;
}
.bracelit-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bracelit-theme .primary-border-50 {
  border-color: #0F223E !important;
}
.bracelit-theme .primary-border-100 {
  border-color: #0F223E !important;
}
.bracelit-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.bracelit-theme .transparent-border-100 {
  border-color: transparent !important;
}
.bracelit-theme .primary-border-200 {
  border-color: #0F223E !important;
}
.bracelit-theme .primary-indicator .mat-expansion-indicator:after {
  color: #0F223E;
}
.bracelit-theme .contrast-background {
  background-color: #ffffff !important;
}
.bracelit-theme .primary-color-small {
  color: rgba(15, 34, 62, 0.6);
}
.bracelit-theme .marine-background {
  background-color: #0f223e !important;
}
.bracelit-theme .primary-background {
  background-color: #0F223E !important;
}
.bracelit-theme .primary-background-50 {
  background-color: #0F223E !important;
}
.bracelit-theme .primary-background-200 {
  background-color: #0F223E !important;
}
.bracelit-theme .primary-background-800 {
  background-color: #0F223E !important;
}
.bracelit-theme .white-color {
  color: white !important;
}
.bracelit-theme .secondary-color {
  color: #ffffff !important;
}
.bracelit-theme .secondary-background {
  background-color: #ffffff !important;
}
.bracelit-theme .secondary-background-semi {
  background-color: #0F223E !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #0F223E !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bracelit-theme .secondary-background-full {
  background-color: #0F223E !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #0F223E !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bracelit-theme .secondary-background-empty {
  background-color: #0F223E !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #0F223E !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bracelit-theme .secondary-border {
  background-color: #ffffff !important;
}
.bracelit-theme .tertiary-color {
  color: #0F223E !important;
}
.bracelit-theme button.button-tertiary {
  background-color: #0F223E !important;
  color: #0F223E !important;
  border: 1px solid #0F223E !important;
}
.bracelit-theme span.red-text {
  color: #DB1F35 !important;
}
.bracelit-theme .tertiary-background {
  background-color: #0F223E !important;
}
.bracelit-theme .tertiary-border {
  border-color: #0F223E !important;
}
.bracelit-theme .dark-background {
  background-color: black !important;
}
.bracelit-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.bracelit-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.bracelit-theme .primary-soft-background {
  background-color: rgba(15, 34, 62, 0.1) !important;
}
.bracelit-theme .primary-soft-background:hover {
  background-color: rgba(15, 34, 62, 0.15) !important;
}
.bracelit-theme .primary-border {
  border-color: #0F223E !important;
}
.bracelit-theme .default-background {
  background-color: #fafafa !important;
}
.bracelit-theme .hover-primary:hover {
  color: #0F223E !important;
}
.bracelit-theme .hover-primary-background:hover {
  background-color: #0F223E !important;
}
.bracelit-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.bracelit-theme .warn-color {
  color: #e74737 !important;
}
.bracelit-theme .warn-border {
  border-color: #e74737 !important;
}
.bracelit-theme .accent-color {
  color: #fedd93 !important;
}
.bracelit-theme .accent-background {
  background-color: #fedd93 !important;
}
.bracelit-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.bracelit-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.bracelit-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.bracelit-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.bracelit-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bracelit-theme .dialog-table tr .action-icon {
  color: transparent;
}
.bracelit-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bracelit-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.bracelit-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #0F223E;
}
.bracelit-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bracelit-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bracelit-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.bracelit-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.bracelit-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.bracelit-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bracelit-theme .card-table tr .action-icon {
  color: transparent;
}
.bracelit-theme .card-table tr .action-icon button {
  color: transparent;
}
.bracelit-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bracelit-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bracelit-theme .card-table tr:hover .action-icon button {
  color: #0F223E;
}
.bracelit-theme .card-table tr:hover .action-icon:hover {
  color: #0F223E;
}
.bracelit-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bracelit-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.bracelit-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bracelit-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bracelit-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #0F223E;
}
.bracelit-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bracelit-theme .no-hover-table tr:hover {
  background: white;
}
.bracelit-theme .custom-standard-chip {
  background-color: rgba(15, 34, 62, 0.1) !important;
  color: #0F223E !important;
}
.bracelit-theme .help-dashboard-card .mat-icon {
  color: #0F223E;
}
.bracelit-theme .help-dashboard-card:hover {
  background-color: #0F223E;
}
.bracelit-theme .help-dashboard-card:hover .mat-icon,
.bracelit-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.bracelit-theme .room-open {
  background-color: #0F223E !important;
  color: white !important;
}
.bracelit-theme .room-open:hover {
  background-color: #0F223E !important;
  color: white !important;
}
.bracelit-theme #public-office-page-groups .public-group-button-hover {
  background-color: #0F223E !important;
  color: white !important;
}
.bracelit-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bracelit-theme .notification-container .show-tip {
  color: transparent;
}
.bracelit-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bracelit-theme .notification-container:hover .show-tip {
  color: #0F223E;
}
.bracelit-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bracelit-theme .notification-container .notification-subject .mat-icon {
  color: #0F223E;
}
.bracelit-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.bracelit-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bracelit-theme .message-container .show-tip {
  color: transparent;
}
.bracelit-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bracelit-theme .message-container:hover .show-tip {
  color: #0F223E;
}
.bracelit-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bracelit-theme .message-container .message-subject .mat-icon {
  color: #0F223E;
}
.bracelit-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.bracelit-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.bracelit-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.bracelit-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.bracelit-theme .primary-200-outline input {
  caret-color: #0F223E;
  color: #0F223E;
}
.bracelit-theme .primary-200-outline label {
  color: #0F223E;
}
.bracelit-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #0F223E !important;
}
.bracelit-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #0F223E;
}
.bracelit-theme mat-form-field .primary-outline label {
  color: #0F223E !important;
}
.bracelit-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #0F223E !important;
}
.bracelit-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #0F223E !important;
}
.bracelit-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.bracelit-theme .input-primary input {
  caret-color: #0F223E;
  color: #0F223E;
}
.bracelit-theme .input-primary label {
  color: #0F223E;
}
.bracelit-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #0F223E !important;
}
.bracelit-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.bracelit-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #0F223E;
  border-width: 1px;
}
.bracelit-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.bracelit-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.bracelit-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.bracelit-theme .boton-recarga {
  background-color: #0F223E;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.bracelit-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.bracelit-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #0F223E !important;
}
.bracelit-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.bracelit-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.bracelit-theme .header-container button {
  padding: 0 !important;
}
.bracelit-theme .header-container .mat-button {
  min-width: unset !important;
}
.bracelit-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.bracelit-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bracelit-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.bracelit-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.bracelit-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.bracelit-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.bracelit-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bracelit-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bracelit-theme .input-recarga-marine {
  border: 1px solid #0F223E !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.bracelit-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.bracelit-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bracelit-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bracelit-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bracelit-theme .color-primary {
  color: #0F223E !important;
  fill: #0F223E !important;
}
.bracelit-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.bracelit-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.bracelit-theme .primary-contrast {
  color: #ffffff !important;
}
.bracelit-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.bracelit-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.bracelit-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.bracelit-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.bracelit-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bracelit-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bracelit-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bracelit-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.bracelit-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.bracelit-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.bracelit-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.bracelit-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bracelit-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bracelit-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bracelit-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bracelit-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bracelit-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bracelit-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bracelit-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bracelit-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.bracelit-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bracelit-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bracelit-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.bracelit-theme .mat-checkbox-checked .mat-checkbox-background,
.bracelit-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #0F223E !important;
}
.bracelit-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bracelit-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bracelit-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bracelit-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bracelit-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bracelit-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bracelit-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bracelit-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bracelit-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.bracelit-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.bracelit-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.bracelit-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.bracelit-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.bracelit-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.bracelit-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bracelit-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.bracelit-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.bracelit-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.bracelit-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bracelit-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bracelit-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.bracelit-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.bracelit-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bracelit-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bracelit-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.bracelit-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.bracelit-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.bracelit-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.bracelit-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.bracelit-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.bracelit-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.bracelit-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.bracelit-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.bracelit-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.bracelit-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bracelit-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bracelit-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #0F223E !important;
}
.bracelit-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.bracelit-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bracelit-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.bracelit-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.bracelit-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.bracelit-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.bracelit-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.bracelit-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.bracelit-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.bracelit-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bracelit-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bracelit-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.bracelit-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bracelit-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bracelit-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.bracelit-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.bracelit-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.bracelit-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.bracelit-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.bracelit-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bracelit-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.bracelit-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bracelit-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #0F223E !important;
}
.bracelit-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #0F223E !important;
}
.bracelit-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #0F223E !important;
}
.bracelit-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bracelit-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.bracelit-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bracelit-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.bracelit-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.bracelit-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.bracelit-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.bracelit-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.bracelit-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.bracelit-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #0F223E !important;
}
.bracelit-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #0F223E !important;
}
.bracelit-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.bracelit-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #0F223E !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.bracelit-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.bracelit-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.bracelit-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.bracelit-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.bracelit-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.bracelit-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #ffffff !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bracelit-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #0F223E !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #0F223E !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bracelit-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.bracelit-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.bracelit-theme .button-text-hidden {
  display: none;
}
.greyblue-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #6895AE;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #6895AE 87%, transparent);
  --mat-form-field-filled-caret-color: #6895AE;
  --mat-form-field-filled-focus-active-indicator-color: #6895AE;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #6895AE 87%, transparent);
  --mat-form-field-outlined-caret-color: #6895AE;
  --mat-form-field-outlined-focus-outline-color: #6895AE;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #6895AE 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #6895AE;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #6895AE;
  --mat-slide-toggle-selected-handle-color: #6895AE;
  --mat-slide-toggle-selected-hover-state-layer-color: #6895AE;
  --mat-slide-toggle-selected-pressed-state-layer-color: #6895AE;
  --mat-slide-toggle-selected-focus-handle-color: #6895AE;
  --mat-slide-toggle-selected-hover-handle-color: #6895AE;
  --mat-slide-toggle-selected-pressed-handle-color: #6895AE;
  --mat-slide-toggle-selected-focus-track-color: #6895AE;
  --mat-slide-toggle-selected-hover-track-color: #6895AE;
  --mat-slide-toggle-selected-pressed-track-color: #6895AE;
  --mat-slide-toggle-selected-track-color: #6895AE;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #6895AE;
  --mat-slider-focus-handle-color: #6895AE;
  --mat-slider-handle-color: #6895AE;
  --mat-slider-hover-handle-color: #6895AE;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #6895AE 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #6895AE 4%, transparent);
  --mat-slider-inactive-track-color: #6895AE;
  --mat-slider-ripple-color: #6895AE;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #6895AE;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #6895AE;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #6895AE;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #6895AE;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #6895AE 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #6895AE;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #6895AE 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #6895AE 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #6895AE 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #6895AE;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #6895AE;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #6895AE;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #6895AE;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #6895AE;
  --mat-slide-toggle-selected-handle-color: #6895AE;
  --mat-slide-toggle-selected-hover-state-layer-color: #6895AE;
  --mat-slide-toggle-selected-pressed-state-layer-color: #6895AE;
  --mat-slide-toggle-selected-focus-handle-color: #6895AE;
  --mat-slide-toggle-selected-hover-handle-color: #6895AE;
  --mat-slide-toggle-selected-pressed-handle-color: #6895AE;
  --mat-slide-toggle-selected-focus-track-color: #6895AE;
  --mat-slide-toggle-selected-hover-track-color: #6895AE;
  --mat-slide-toggle-selected-pressed-track-color: #6895AE;
  --mat-slide-toggle-selected-track-color: #6895AE;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.greyblue-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.greyblue-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.greyblue-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #6895AE;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #6895AE;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.greyblue-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.greyblue-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.greyblue-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #6895AE;
  --mat-progress-bar-track-color: rgba(104, 149, 174, 0.25);
}
.greyblue-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.greyblue-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.greyblue-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.greyblue-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.greyblue-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.greyblue-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.greyblue-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.greyblue-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.greyblue-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.greyblue-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #6895AE;
  --mat-chip-elevated-disabled-container-color: #6895AE;
  --mat-chip-elevated-selected-container-color: #6895AE;
  --mat-chip-flat-disabled-selected-container-color: #6895AE;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.greyblue-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.greyblue-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.greyblue-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.greyblue-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.greyblue-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.greyblue-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.greyblue-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.greyblue-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.greyblue-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.greyblue-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #6895AE;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #6895AE;
  --mat-radio-selected-hover-icon-color: #6895AE;
  --mat-radio-selected-icon-color: #6895AE;
  --mat-radio-selected-pressed-icon-color: #6895AE;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.greyblue-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.greyblue-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.greyblue-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.greyblue-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.greyblue-theme .mdc-list-item__start,
.greyblue-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #6895AE;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #6895AE;
  --mat-radio-selected-hover-icon-color: #6895AE;
  --mat-radio-selected-icon-color: #6895AE;
  --mat-radio-selected-pressed-icon-color: #6895AE;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.greyblue-theme .mat-accent .mdc-list-item__start,
.greyblue-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.greyblue-theme .mat-warn .mdc-list-item__start,
.greyblue-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.greyblue-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #6895AE;
  --mat-checkbox-selected-hover-icon-color: #6895AE;
  --mat-checkbox-selected-icon-color: #6895AE;
  --mat-checkbox-selected-pressed-icon-color: #6895AE;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #6895AE;
  --mat-checkbox-selected-hover-state-layer-color: #6895AE;
  --mat-checkbox-selected-pressed-state-layer-color: #6895AE;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.greyblue-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.greyblue-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.greyblue-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.greyblue-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.greyblue-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.greyblue-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #6895AE;
}
.greyblue-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.greyblue-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.greyblue-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.greyblue-theme .mdc-list-item__start,
.greyblue-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.greyblue-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.greyblue-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.greyblue-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.greyblue-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.greyblue-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.greyblue-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.greyblue-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.greyblue-theme .mat-mdc-tab-group,
.greyblue-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #6895AE;
  --mat-tab-active-ripple-color: #6895AE;
  --mat-tab-inactive-ripple-color: #6895AE;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #6895AE;
  --mat-tab-active-hover-label-text-color: #6895AE;
  --mat-tab-active-focus-indicator-color: #6895AE;
  --mat-tab-active-hover-indicator-color: #6895AE;
  --mat-tab-active-indicator-color: #6895AE;
}
.greyblue-theme .mat-mdc-tab-group.mat-accent,
.greyblue-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.greyblue-theme .mat-mdc-tab-group.mat-warn,
.greyblue-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.greyblue-theme .mat-mdc-tab-group.mat-background-primary,
.greyblue-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #6895AE;
  --mat-tab-foreground-color: #ffffff;
}
.greyblue-theme .mat-mdc-tab-group.mat-background-accent,
.greyblue-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.greyblue-theme .mat-mdc-tab-group.mat-background-warn,
.greyblue-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.greyblue-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.greyblue-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.greyblue-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #6895AE;
  --mat-checkbox-selected-hover-icon-color: #6895AE;
  --mat-checkbox-selected-icon-color: #6895AE;
  --mat-checkbox-selected-pressed-icon-color: #6895AE;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #6895AE;
  --mat-checkbox-selected-hover-state-layer-color: #6895AE;
  --mat-checkbox-selected-pressed-state-layer-color: #6895AE;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.greyblue-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.greyblue-theme .mat-mdc-button.mat-primary,
.greyblue-theme .mat-mdc-unelevated-button.mat-primary,
.greyblue-theme .mat-mdc-raised-button.mat-primary,
.greyblue-theme .mat-mdc-outlined-button.mat-primary,
.greyblue-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #6895AE;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #6895AE;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #6895AE 12%, transparent);
  --mat-button-outlined-state-layer-color: #6895AE;
  --mat-button-protected-container-color: #6895AE;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #6895AE;
  --mat-button-text-ripple-color: color-mix(in srgb, #6895AE 12%, transparent);
  --mat-button-text-state-layer-color: #6895AE;
  --mat-button-tonal-container-color: #6895AE;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.greyblue-theme .mat-mdc-button.mat-accent,
.greyblue-theme .mat-mdc-unelevated-button.mat-accent,
.greyblue-theme .mat-mdc-raised-button.mat-accent,
.greyblue-theme .mat-mdc-outlined-button.mat-accent,
.greyblue-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.greyblue-theme .mat-mdc-button.mat-warn,
.greyblue-theme .mat-mdc-unelevated-button.mat-warn,
.greyblue-theme .mat-mdc-raised-button.mat-warn,
.greyblue-theme .mat-mdc-outlined-button.mat-warn,
.greyblue-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.greyblue-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #6895AE;
  --mat-icon-button-state-layer-color: #6895AE;
  --mat-icon-button-ripple-color: color-mix(in srgb, #6895AE 12%, transparent);
}
.greyblue-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.greyblue-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.greyblue-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.greyblue-theme .mat-mdc-fab.mat-primary,
.greyblue-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #6895AE;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #6895AE 12%, transparent);
  --mat-fab-small-container-color: #6895AE;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.greyblue-theme .mat-mdc-fab.mat-accent,
.greyblue-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.greyblue-theme .mat-mdc-fab.mat-warn,
.greyblue-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.greyblue-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.greyblue-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.greyblue-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.greyblue-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.greyblue-theme .mat-datepicker-content.mat-accent,
.greyblue-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.greyblue-theme .mat-datepicker-content.mat-warn,
.greyblue-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.greyblue-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.greyblue-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.greyblue-theme .mat-icon.mat-primary {
  --mat-icon-color: #6895AE;
}
.greyblue-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.greyblue-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.greyblue-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.greyblue-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.greyblue-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #6895AE;
  --mat-toolbar-container-text-color: #ffffff;
}
.greyblue-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.greyblue-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.greyblue-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.greyblue-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.greyblue-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.greyblue-theme .back-container {
  color: #6895AE;
}
.greyblue-theme .back-container:hover {
  opacity: 0.54;
}
.greyblue-theme .warn-text {
  color: #e74737;
}
.greyblue-theme .inside-modal-title.primary-colored-title,
.greyblue-theme .form-title.primary-colored-title {
  color: #6895AE;
}
.greyblue-theme .full-height-container form .button-container {
  background: white;
}
.greyblue-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.greyblue-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.greyblue-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.greyblue-theme .box-checkbox.active-box-checkbox {
  background-color: #6895AE;
  color: white;
}
.greyblue-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.greyblue-theme .box-radio.active-box-radio {
  background-color: #6895AE;
  color: white;
}
.greyblue-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.greyblue-theme .error {
  color: #e74737;
}
.greyblue-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.greyblue-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.greyblue-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.greyblue-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.greyblue-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.greyblue-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.greyblue-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.greyblue-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.greyblue-theme .ql-snow .ql-picker-options {
  background: white;
}
.greyblue-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.greyblue-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.greyblue-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.greyblue-theme .ql-snow .ql-fill,
.greyblue-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.greyblue-theme .ql-snow.ql-toolbar button:hover,
.greyblue-theme .ql-snow .ql-toolbar button:hover,
.greyblue-theme .ql-snow.ql-toolbar button:focus,
.greyblue-theme .ql-snow .ql-toolbar button:focus,
.greyblue-theme .ql-snow.ql-toolbar button.ql-active,
.greyblue-theme .ql-snow .ql-toolbar button.ql-active,
.greyblue-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.greyblue-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.greyblue-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.greyblue-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.greyblue-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.greyblue-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.greyblue-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.greyblue-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.greyblue-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.greyblue-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.greyblue-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.greyblue-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.greyblue-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.greyblue-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.greyblue-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.greyblue-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.greyblue-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.greyblue-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.greyblue-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.greyblue-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.greyblue-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.greyblue-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.greyblue-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.greyblue-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.greyblue-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.greyblue-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.greyblue-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.greyblue-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.greyblue-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.greyblue-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.greyblue-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.greyblue-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.greyblue-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.greyblue-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.greyblue-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.greyblue-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.greyblue-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.greyblue-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.greyblue-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.greyblue-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.greyblue-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.greyblue-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.greyblue-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.greyblue-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.greyblue-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.greyblue-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.greyblue-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.greyblue-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.greyblue-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.greyblue-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.greyblue-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.greyblue-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.greyblue-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.greyblue-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.greyblue-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.greyblue-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.greyblue-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.greyblue-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.greyblue-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.greyblue-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.greyblue-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.greyblue-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.greyblue-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.greyblue-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.greyblue-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.greyblue-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.greyblue-theme bee-form-item {
  margin-right: 0 !important;
}
.greyblue-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.greyblue-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #6895AE;
  height: 38px !important;
}
.greyblue-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.greyblue-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.greyblue-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.greyblue-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.greyblue-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.greyblue-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.greyblue-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.greyblue-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.greyblue-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .greyblue-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.greyblue-theme .general-container .label-wrapper label {
  color: #6895AE !important;
  background-color: white;
}
.greyblue-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.greyblue-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.greyblue-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.greyblue-theme .general-container .bee-selector .bee-selector-container {
  border-color: #6895AE !important;
}
.greyblue-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.greyblue-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.greyblue-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.greyblue-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.greyblue-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.greyblue-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.greyblue-theme .general-container .bee-selector .bee-selector-container:focus,
.greyblue-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #6895AE;
}
.greyblue-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.greyblue-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #6895AE;
}
.greyblue-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.greyblue-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #6895AE;
}
.greyblue-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.greyblue-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.greyblue-theme .general-container .bee-dropdown {
  background: white;
}
.greyblue-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #6895AE;
}
.greyblue-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.greyblue-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.greyblue-theme .general-container .selector-error {
  color: #e74737;
}
.greyblue-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.greyblue-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.greyblue-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.greyblue-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.greyblue-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #6895AE;
}
.greyblue-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.greyblue-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.greyblue-theme .move-image-action-container:hover {
  color: #6895AE;
}
.greyblue-theme .info-icon {
  color: #6895AE;
}
.greyblue-theme .email-chip {
  color: #6895AE !important;
  background-color: rgba(104, 149, 174, 0.15) !important;
}
.greyblue-theme .email-chip .mat-chip-remove {
  color: #6895AE !important;
  opacity: 1 !important;
}
.greyblue-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.greyblue-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.greyblue-theme .mat-badge-content {
  color: #6895AE !important;
}
.greyblue-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #6895AE !important;
}
.greyblue-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #6895AE !important;
}
.greyblue-theme #circle-lleno {
  background: #6895AE;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.greyblue-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.greyblue-theme .marine-color {
  color: #0f223e !important;
}
.greyblue-theme .primary-color {
  color: #6895AE !important;
}
.greyblue-theme .gray-color {
  color: #C0C4CA !important;
}
.greyblue-theme .primary-color-200 {
  color: #6895AE !important;
}
.greyblue-theme svg.primary-fill-svg {
  fill: #6895AE !important;
}
.greyblue-theme .primary-fill {
  fill: #6895AE !important;
}
.greyblue-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.greyblue-theme .primary-border-50 {
  border-color: #6895AE !important;
}
.greyblue-theme .primary-border-100 {
  border-color: #6895AE !important;
}
.greyblue-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.greyblue-theme .transparent-border-100 {
  border-color: transparent !important;
}
.greyblue-theme .primary-border-200 {
  border-color: #6895AE !important;
}
.greyblue-theme .primary-indicator .mat-expansion-indicator:after {
  color: #6895AE;
}
.greyblue-theme .contrast-background {
  background-color: #ffffff !important;
}
.greyblue-theme .primary-color-small {
  color: rgba(104, 149, 174, 0.6);
}
.greyblue-theme .marine-background {
  background-color: #0f223e !important;
}
.greyblue-theme .primary-background {
  background-color: #6895AE !important;
}
.greyblue-theme .primary-background-50 {
  background-color: #6895AE !important;
}
.greyblue-theme .primary-background-200 {
  background-color: #6895AE !important;
}
.greyblue-theme .primary-background-800 {
  background-color: #6895AE !important;
}
.greyblue-theme .white-color {
  color: white !important;
}
.greyblue-theme .secondary-color {
  color: #6895AE !important;
}
.greyblue-theme .secondary-background {
  background-color: #6895AE !important;
}
.greyblue-theme .secondary-background-semi {
  background-color: #6895AE !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #6895AE !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.greyblue-theme .secondary-background-full {
  background-color: #6895AE !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #6895AE !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.greyblue-theme .secondary-background-empty {
  background-color: #6895AE !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #6895AE !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.greyblue-theme .secondary-border {
  background-color: #6895AE !important;
}
.greyblue-theme .tertiary-color {
  color: #6895AE !important;
}
.greyblue-theme button.button-tertiary {
  background-color: #6895AE !important;
  color: #6895AE !important;
  border: 1px solid #6895AE !important;
}
.greyblue-theme span.red-text {
  color: #DB1F35 !important;
}
.greyblue-theme .tertiary-background {
  background-color: #6895AE !important;
}
.greyblue-theme .tertiary-border {
  border-color: #6895AE !important;
}
.greyblue-theme .dark-background {
  background-color: black !important;
}
.greyblue-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.greyblue-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.greyblue-theme .primary-soft-background {
  background-color: rgba(104, 149, 174, 0.1) !important;
}
.greyblue-theme .primary-soft-background:hover {
  background-color: rgba(104, 149, 174, 0.15) !important;
}
.greyblue-theme .primary-border {
  border-color: #6895AE !important;
}
.greyblue-theme .default-background {
  background-color: #fafafa !important;
}
.greyblue-theme .hover-primary:hover {
  color: #6895AE !important;
}
.greyblue-theme .hover-primary-background:hover {
  background-color: #6895AE !important;
}
.greyblue-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.greyblue-theme .warn-color {
  color: #e74737 !important;
}
.greyblue-theme .warn-border {
  border-color: #e74737 !important;
}
.greyblue-theme .accent-color {
  color: #fedd93 !important;
}
.greyblue-theme .accent-background {
  background-color: #fedd93 !important;
}
.greyblue-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.greyblue-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.greyblue-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.greyblue-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.greyblue-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.greyblue-theme .dialog-table tr .action-icon {
  color: transparent;
}
.greyblue-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.greyblue-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.greyblue-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #6895AE;
}
.greyblue-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.greyblue-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.greyblue-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.greyblue-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.greyblue-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.greyblue-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.greyblue-theme .card-table tr .action-icon {
  color: transparent;
}
.greyblue-theme .card-table tr .action-icon button {
  color: transparent;
}
.greyblue-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.greyblue-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.greyblue-theme .card-table tr:hover .action-icon button {
  color: #6895AE;
}
.greyblue-theme .card-table tr:hover .action-icon:hover {
  color: #6895AE;
}
.greyblue-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.greyblue-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.greyblue-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.greyblue-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.greyblue-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #6895AE;
}
.greyblue-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.greyblue-theme .no-hover-table tr:hover {
  background: white;
}
.greyblue-theme .custom-standard-chip {
  background-color: rgba(104, 149, 174, 0.1) !important;
  color: #6895AE !important;
}
.greyblue-theme .help-dashboard-card .mat-icon {
  color: #6895AE;
}
.greyblue-theme .help-dashboard-card:hover {
  background-color: #6895AE;
}
.greyblue-theme .help-dashboard-card:hover .mat-icon,
.greyblue-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.greyblue-theme .room-open {
  background-color: #6895AE !important;
  color: white !important;
}
.greyblue-theme .room-open:hover {
  background-color: #6895AE !important;
  color: white !important;
}
.greyblue-theme #public-office-page-groups .public-group-button-hover {
  background-color: #6895AE !important;
  color: white !important;
}
.greyblue-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.greyblue-theme .notification-container .show-tip {
  color: transparent;
}
.greyblue-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.greyblue-theme .notification-container:hover .show-tip {
  color: #6895AE;
}
.greyblue-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.greyblue-theme .notification-container .notification-subject .mat-icon {
  color: #6895AE;
}
.greyblue-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.greyblue-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.greyblue-theme .message-container .show-tip {
  color: transparent;
}
.greyblue-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.greyblue-theme .message-container:hover .show-tip {
  color: #6895AE;
}
.greyblue-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.greyblue-theme .message-container .message-subject .mat-icon {
  color: #6895AE;
}
.greyblue-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.greyblue-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.greyblue-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.greyblue-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.greyblue-theme .primary-200-outline input {
  caret-color: #6895AE;
  color: #6895AE;
}
.greyblue-theme .primary-200-outline label {
  color: #6895AE;
}
.greyblue-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #6895AE !important;
}
.greyblue-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #6895AE;
}
.greyblue-theme mat-form-field .primary-outline label {
  color: #6895AE !important;
}
.greyblue-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #6895AE !important;
}
.greyblue-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #6895AE !important;
}
.greyblue-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.greyblue-theme .input-primary input {
  caret-color: #6895AE;
  color: #6895AE;
}
.greyblue-theme .input-primary label {
  color: #6895AE;
}
.greyblue-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #6895AE !important;
}
.greyblue-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.greyblue-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #6895AE;
  border-width: 1px;
}
.greyblue-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.greyblue-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.greyblue-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.greyblue-theme .boton-recarga {
  background-color: #6895AE;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.greyblue-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.greyblue-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.greyblue-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.greyblue-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.greyblue-theme .header-container button {
  padding: 0 !important;
}
.greyblue-theme .header-container .mat-button {
  min-width: unset !important;
}
.greyblue-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.greyblue-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.greyblue-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.greyblue-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.greyblue-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.greyblue-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.greyblue-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.greyblue-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.greyblue-theme .input-recarga-marine {
  border: 1px solid #6895AE !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.greyblue-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.greyblue-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.greyblue-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.greyblue-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.greyblue-theme .color-primary {
  color: #6895AE !important;
  fill: #6895AE !important;
}
.greyblue-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.greyblue-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.greyblue-theme .primary-contrast {
  color: #ffffff !important;
}
.greyblue-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #6895AE !important;
}
.greyblue-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #6895AE !important;
}
.greyblue-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.greyblue-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #6895AE !important;
}
.greyblue-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.greyblue-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.greyblue-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.greyblue-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #6895AE !important;
}
.greyblue-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #6895AE !important;
}
.greyblue-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #6895AE !important;
}
.greyblue-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #6895AE !important;
}
.greyblue-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #6895AE !important;
}
.greyblue-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.greyblue-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #6895AE !important;
}
.greyblue-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.greyblue-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #6895AE !important;
}
.greyblue-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.greyblue-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.greyblue-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #6895AE !important;
}
.greyblue-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #6895AE !important;
}
.greyblue-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.greyblue-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #6895AE !important;
}
.greyblue-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #6895AE !important;
}
.greyblue-theme .mat-checkbox-checked .mat-checkbox-background,
.greyblue-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #6895AE !important;
}
.greyblue-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #6895AE !important;
}
.greyblue-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.greyblue-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #6895AE !important;
}
.greyblue-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.greyblue-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #6895AE !important;
}
.greyblue-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #6895AE !important;
}
.greyblue-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #6895AE !important;
}
.greyblue-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.greyblue-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.greyblue-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.greyblue-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.greyblue-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #6895AE !important;
}
.greyblue-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #6895AE !important;
}
.greyblue-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #6895AE !important;
}
.greyblue-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.greyblue-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #6895AE !important;
}
.greyblue-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #6895AE !important;
}
.greyblue-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #6895AE !important;
}
.greyblue-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.greyblue-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.greyblue-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #6895AE !important;
}
.greyblue-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #6895AE !important;
}
.greyblue-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.greyblue-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.greyblue-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #6895AE !important;
}
.greyblue-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.greyblue-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.greyblue-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.greyblue-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #6895AE !important;
}
.greyblue-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.greyblue-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #6895AE !important;
}
.greyblue-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #6895AE !important;
}
.greyblue-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #6895AE !important;
}
.greyblue-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.greyblue-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.greyblue-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.greyblue-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #6895AE !important;
}
.greyblue-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #6895AE !important;
}
.greyblue-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #6895AE !important;
}
.greyblue-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #6895AE !important;
}
.greyblue-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.greyblue-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #6895AE !important;
}
.greyblue-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #6895AE !important;
}
.greyblue-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.greyblue-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #6895AE !important;
}
.greyblue-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #6895AE !important;
}
.greyblue-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.greyblue-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.greyblue-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.greyblue-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #6895AE !important;
}
.greyblue-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #6895AE !important;
}
.greyblue-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.greyblue-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.greyblue-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #6895AE !important;
}
.greyblue-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #6895AE !important;
}
.greyblue-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #6895AE !important;
}
.greyblue-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #6895AE !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.greyblue-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #6895AE !important;
}
.greyblue-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #6895AE !important;
}
.greyblue-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #6895AE !important;
}
.greyblue-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #6895AE !important;
}
.greyblue-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #6895AE !important;
}
.greyblue-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.greyblue-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.greyblue-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.greyblue-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.greyblue-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.greyblue-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #6895AE !important;
}
.greyblue-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #6895AE !important;
}
.greyblue-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #6895AE !important;
}
.greyblue-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #6895AE !important;
}
.greyblue-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #6895AE !important;
}
.greyblue-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #6895AE !important;
}
.greyblue-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.greyblue-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #6895AE !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.greyblue-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.greyblue-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.greyblue-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.greyblue-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.greyblue-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.greyblue-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #6895AE !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.greyblue-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #6895AE !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #6895AE !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.greyblue-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #6895AE !important;
}
.greyblue-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.greyblue-theme .button-text-hidden {
  display: none;
}
.orange-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #FF8A00;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #FF8A00 87%, transparent);
  --mat-form-field-filled-caret-color: #FF8A00;
  --mat-form-field-filled-focus-active-indicator-color: #FF8A00;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #FF8A00 87%, transparent);
  --mat-form-field-outlined-caret-color: #FF8A00;
  --mat-form-field-outlined-focus-outline-color: #FF8A00;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #FF8A00 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #FF8A00;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #FF8A00;
  --mat-slide-toggle-selected-handle-color: #FF8A00;
  --mat-slide-toggle-selected-hover-state-layer-color: #FF8A00;
  --mat-slide-toggle-selected-pressed-state-layer-color: #FF8A00;
  --mat-slide-toggle-selected-focus-handle-color: #FF8A00;
  --mat-slide-toggle-selected-hover-handle-color: #FF8A00;
  --mat-slide-toggle-selected-pressed-handle-color: #FF8A00;
  --mat-slide-toggle-selected-focus-track-color: #FF8A00;
  --mat-slide-toggle-selected-hover-track-color: #FF8A00;
  --mat-slide-toggle-selected-pressed-track-color: #FF8A00;
  --mat-slide-toggle-selected-track-color: #FF8A00;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #FF8A00;
  --mat-slider-focus-handle-color: #FF8A00;
  --mat-slider-handle-color: #FF8A00;
  --mat-slider-hover-handle-color: #FF8A00;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #FF8A00 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #FF8A00 4%, transparent);
  --mat-slider-inactive-track-color: #FF8A00;
  --mat-slider-ripple-color: #FF8A00;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #FF8A00;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #FF8A00;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #FF8A00;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #FF8A00;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #FF8A00 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #FF8A00;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #FF8A00 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #FF8A00 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #FF8A00 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #FF8A00;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #FF8A00;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #FF8A00;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #FF8A00;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #FF8A00;
  --mat-slide-toggle-selected-handle-color: #FF8A00;
  --mat-slide-toggle-selected-hover-state-layer-color: #FF8A00;
  --mat-slide-toggle-selected-pressed-state-layer-color: #FF8A00;
  --mat-slide-toggle-selected-focus-handle-color: #FF8A00;
  --mat-slide-toggle-selected-hover-handle-color: #FF8A00;
  --mat-slide-toggle-selected-pressed-handle-color: #FF8A00;
  --mat-slide-toggle-selected-focus-track-color: #FF8A00;
  --mat-slide-toggle-selected-hover-track-color: #FF8A00;
  --mat-slide-toggle-selected-pressed-track-color: #FF8A00;
  --mat-slide-toggle-selected-track-color: #FF8A00;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.orange-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.orange-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.orange-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #FF8A00;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #FF8A00;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.orange-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.orange-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.orange-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #FF8A00;
  --mat-progress-bar-track-color: rgba(255, 138, 0, 0.25);
}
.orange-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.orange-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.orange-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.orange-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.orange-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.orange-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.orange-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.orange-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.orange-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.orange-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #FF8A00;
  --mat-chip-elevated-disabled-container-color: #FF8A00;
  --mat-chip-elevated-selected-container-color: #FF8A00;
  --mat-chip-flat-disabled-selected-container-color: #FF8A00;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.orange-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.orange-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.orange-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.orange-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.orange-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.orange-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.orange-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.orange-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.orange-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.orange-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #FF8A00;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #FF8A00;
  --mat-radio-selected-hover-icon-color: #FF8A00;
  --mat-radio-selected-icon-color: #FF8A00;
  --mat-radio-selected-pressed-icon-color: #FF8A00;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.orange-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.orange-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.orange-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.orange-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.orange-theme .mdc-list-item__start,
.orange-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #FF8A00;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #FF8A00;
  --mat-radio-selected-hover-icon-color: #FF8A00;
  --mat-radio-selected-icon-color: #FF8A00;
  --mat-radio-selected-pressed-icon-color: #FF8A00;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.orange-theme .mat-accent .mdc-list-item__start,
.orange-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.orange-theme .mat-warn .mdc-list-item__start,
.orange-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.orange-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #FF8A00;
  --mat-checkbox-selected-hover-icon-color: #FF8A00;
  --mat-checkbox-selected-icon-color: #FF8A00;
  --mat-checkbox-selected-pressed-icon-color: #FF8A00;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #FF8A00;
  --mat-checkbox-selected-hover-state-layer-color: #FF8A00;
  --mat-checkbox-selected-pressed-state-layer-color: #FF8A00;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.orange-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.orange-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.orange-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.orange-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.orange-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.orange-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #FF8A00;
}
.orange-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.orange-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.orange-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.orange-theme .mdc-list-item__start,
.orange-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.orange-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.orange-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.orange-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.orange-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.orange-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.orange-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.orange-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.orange-theme .mat-mdc-tab-group,
.orange-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #FF8A00;
  --mat-tab-active-ripple-color: #FF8A00;
  --mat-tab-inactive-ripple-color: #FF8A00;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #FF8A00;
  --mat-tab-active-hover-label-text-color: #FF8A00;
  --mat-tab-active-focus-indicator-color: #FF8A00;
  --mat-tab-active-hover-indicator-color: #FF8A00;
  --mat-tab-active-indicator-color: #FF8A00;
}
.orange-theme .mat-mdc-tab-group.mat-accent,
.orange-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.orange-theme .mat-mdc-tab-group.mat-warn,
.orange-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.orange-theme .mat-mdc-tab-group.mat-background-primary,
.orange-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #FF8A00;
  --mat-tab-foreground-color: #ffffff;
}
.orange-theme .mat-mdc-tab-group.mat-background-accent,
.orange-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.orange-theme .mat-mdc-tab-group.mat-background-warn,
.orange-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.orange-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.orange-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.orange-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #FF8A00;
  --mat-checkbox-selected-hover-icon-color: #FF8A00;
  --mat-checkbox-selected-icon-color: #FF8A00;
  --mat-checkbox-selected-pressed-icon-color: #FF8A00;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #FF8A00;
  --mat-checkbox-selected-hover-state-layer-color: #FF8A00;
  --mat-checkbox-selected-pressed-state-layer-color: #FF8A00;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.orange-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.orange-theme .mat-mdc-button.mat-primary,
.orange-theme .mat-mdc-unelevated-button.mat-primary,
.orange-theme .mat-mdc-raised-button.mat-primary,
.orange-theme .mat-mdc-outlined-button.mat-primary,
.orange-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #FF8A00;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #FF8A00;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #FF8A00 12%, transparent);
  --mat-button-outlined-state-layer-color: #FF8A00;
  --mat-button-protected-container-color: #FF8A00;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #FF8A00;
  --mat-button-text-ripple-color: color-mix(in srgb, #FF8A00 12%, transparent);
  --mat-button-text-state-layer-color: #FF8A00;
  --mat-button-tonal-container-color: #FF8A00;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.orange-theme .mat-mdc-button.mat-accent,
.orange-theme .mat-mdc-unelevated-button.mat-accent,
.orange-theme .mat-mdc-raised-button.mat-accent,
.orange-theme .mat-mdc-outlined-button.mat-accent,
.orange-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.orange-theme .mat-mdc-button.mat-warn,
.orange-theme .mat-mdc-unelevated-button.mat-warn,
.orange-theme .mat-mdc-raised-button.mat-warn,
.orange-theme .mat-mdc-outlined-button.mat-warn,
.orange-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.orange-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #FF8A00;
  --mat-icon-button-state-layer-color: #FF8A00;
  --mat-icon-button-ripple-color: color-mix(in srgb, #FF8A00 12%, transparent);
}
.orange-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.orange-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.orange-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.orange-theme .mat-mdc-fab.mat-primary,
.orange-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #FF8A00;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #FF8A00 12%, transparent);
  --mat-fab-small-container-color: #FF8A00;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.orange-theme .mat-mdc-fab.mat-accent,
.orange-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.orange-theme .mat-mdc-fab.mat-warn,
.orange-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.orange-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.orange-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.orange-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.orange-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.orange-theme .mat-datepicker-content.mat-accent,
.orange-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.orange-theme .mat-datepicker-content.mat-warn,
.orange-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.orange-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.orange-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.orange-theme .mat-icon.mat-primary {
  --mat-icon-color: #FF8A00;
}
.orange-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.orange-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.orange-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.orange-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.orange-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #FF8A00;
  --mat-toolbar-container-text-color: #ffffff;
}
.orange-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.orange-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.orange-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.orange-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.orange-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.orange-theme .back-container {
  color: #FF8A00;
}
.orange-theme .back-container:hover {
  opacity: 0.54;
}
.orange-theme .warn-text {
  color: #e74737;
}
.orange-theme .inside-modal-title.primary-colored-title,
.orange-theme .form-title.primary-colored-title {
  color: #FF8A00;
}
.orange-theme .full-height-container form .button-container {
  background: white;
}
.orange-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.orange-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.orange-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.orange-theme .box-checkbox.active-box-checkbox {
  background-color: #FF8A00;
  color: white;
}
.orange-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.orange-theme .box-radio.active-box-radio {
  background-color: #FF8A00;
  color: white;
}
.orange-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.orange-theme .error {
  color: #e74737;
}
.orange-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.orange-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.orange-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.orange-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.orange-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.orange-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.orange-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.orange-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.orange-theme .ql-snow .ql-picker-options {
  background: white;
}
.orange-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.orange-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.orange-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.orange-theme .ql-snow .ql-fill,
.orange-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.orange-theme .ql-snow.ql-toolbar button:hover,
.orange-theme .ql-snow .ql-toolbar button:hover,
.orange-theme .ql-snow.ql-toolbar button:focus,
.orange-theme .ql-snow .ql-toolbar button:focus,
.orange-theme .ql-snow.ql-toolbar button.ql-active,
.orange-theme .ql-snow .ql-toolbar button.ql-active,
.orange-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.orange-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.orange-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.orange-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.orange-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.orange-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.orange-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.orange-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.orange-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.orange-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.orange-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.orange-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.orange-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.orange-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.orange-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.orange-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.orange-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.orange-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.orange-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.orange-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.orange-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.orange-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.orange-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.orange-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.orange-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.orange-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.orange-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.orange-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.orange-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.orange-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.orange-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.orange-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.orange-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.orange-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.orange-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.orange-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.orange-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.orange-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.orange-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.orange-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.orange-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.orange-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.orange-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.orange-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.orange-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.orange-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.orange-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.orange-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.orange-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.orange-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.orange-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.orange-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.orange-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.orange-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.orange-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.orange-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.orange-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.orange-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.orange-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.orange-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.orange-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.orange-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.orange-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.orange-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.orange-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.orange-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.orange-theme bee-form-item {
  margin-right: 0 !important;
}
.orange-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.orange-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #FF8A00;
  height: 38px !important;
}
.orange-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.orange-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.orange-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.orange-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.orange-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.orange-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.orange-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.orange-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.orange-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .orange-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.orange-theme .general-container .label-wrapper label {
  color: #FF8A00 !important;
  background-color: white;
}
.orange-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.orange-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.orange-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.orange-theme .general-container .bee-selector .bee-selector-container {
  border-color: #FF8A00 !important;
}
.orange-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.orange-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.orange-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.orange-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.orange-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.orange-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.orange-theme .general-container .bee-selector .bee-selector-container:focus,
.orange-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #FF8A00;
}
.orange-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.orange-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #FF8A00;
}
.orange-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.orange-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #FF8A00;
}
.orange-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.orange-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.orange-theme .general-container .bee-dropdown {
  background: white;
}
.orange-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #FF8A00;
}
.orange-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.orange-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.orange-theme .general-container .selector-error {
  color: #e74737;
}
.orange-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.orange-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.orange-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.orange-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.orange-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #FF8A00;
}
.orange-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.orange-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.orange-theme .move-image-action-container:hover {
  color: #FF8A00;
}
.orange-theme .info-icon {
  color: #FF8A00;
}
.orange-theme .email-chip {
  color: #FF8A00 !important;
  background-color: rgba(255, 138, 0, 0.15) !important;
}
.orange-theme .email-chip .mat-chip-remove {
  color: #FF8A00 !important;
  opacity: 1 !important;
}
.orange-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.orange-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.orange-theme .mat-badge-content {
  color: #FF8A00 !important;
}
.orange-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #FF8A00 !important;
}
.orange-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #FF8A00 !important;
}
.orange-theme #circle-lleno {
  background: #FF8A00;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.orange-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.orange-theme .marine-color {
  color: #0f223e !important;
}
.orange-theme .primary-color {
  color: #FF8A00 !important;
}
.orange-theme .gray-color {
  color: #C0C4CA !important;
}
.orange-theme .primary-color-200 {
  color: #FF8A00 !important;
}
.orange-theme svg.primary-fill-svg {
  fill: #FF8A00 !important;
}
.orange-theme .primary-fill {
  fill: #FF8A00 !important;
}
.orange-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.orange-theme .primary-border-50 {
  border-color: #FF8A00 !important;
}
.orange-theme .primary-border-100 {
  border-color: #FF8A00 !important;
}
.orange-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.orange-theme .transparent-border-100 {
  border-color: transparent !important;
}
.orange-theme .primary-border-200 {
  border-color: #FF8A00 !important;
}
.orange-theme .primary-indicator .mat-expansion-indicator:after {
  color: #FF8A00;
}
.orange-theme .contrast-background {
  background-color: #ffffff !important;
}
.orange-theme .primary-color-small {
  color: rgba(255, 138, 0, 0.6);
}
.orange-theme .marine-background {
  background-color: #0f223e !important;
}
.orange-theme .primary-background {
  background-color: #FF8A00 !important;
}
.orange-theme .primary-background-50 {
  background-color: #FF8A00 !important;
}
.orange-theme .primary-background-200 {
  background-color: #FF8A00 !important;
}
.orange-theme .primary-background-800 {
  background-color: #FF8A00 !important;
}
.orange-theme .white-color {
  color: white !important;
}
.orange-theme .secondary-color {
  color: #FF8A00 !important;
}
.orange-theme .secondary-background {
  background-color: #FF8A00 !important;
}
.orange-theme .secondary-background-semi {
  background-color: #FF8A00 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #FF8A00 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.orange-theme .secondary-background-full {
  background-color: #FF8A00 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #FF8A00 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.orange-theme .secondary-background-empty {
  background-color: #FF8A00 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #FF8A00 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.orange-theme .secondary-border {
  background-color: #FF8A00 !important;
}
.orange-theme .tertiary-color {
  color: #FF8A00 !important;
}
.orange-theme button.button-tertiary {
  background-color: #FF8A00 !important;
  color: #FF8A00 !important;
  border: 1px solid #FF8A00 !important;
}
.orange-theme span.red-text {
  color: #DB1F35 !important;
}
.orange-theme .tertiary-background {
  background-color: #FF8A00 !important;
}
.orange-theme .tertiary-border {
  border-color: #FF8A00 !important;
}
.orange-theme .dark-background {
  background-color: black !important;
}
.orange-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.orange-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.orange-theme .primary-soft-background {
  background-color: rgba(255, 138, 0, 0.1) !important;
}
.orange-theme .primary-soft-background:hover {
  background-color: rgba(255, 138, 0, 0.15) !important;
}
.orange-theme .primary-border {
  border-color: #FF8A00 !important;
}
.orange-theme .default-background {
  background-color: #fafafa !important;
}
.orange-theme .hover-primary:hover {
  color: #FF8A00 !important;
}
.orange-theme .hover-primary-background:hover {
  background-color: #FF8A00 !important;
}
.orange-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.orange-theme .warn-color {
  color: #e74737 !important;
}
.orange-theme .warn-border {
  border-color: #e74737 !important;
}
.orange-theme .accent-color {
  color: #fedd93 !important;
}
.orange-theme .accent-background {
  background-color: #fedd93 !important;
}
.orange-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.orange-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.orange-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.orange-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.orange-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.orange-theme .dialog-table tr .action-icon {
  color: transparent;
}
.orange-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.orange-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.orange-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #FF8A00;
}
.orange-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.orange-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.orange-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.orange-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.orange-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.orange-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.orange-theme .card-table tr .action-icon {
  color: transparent;
}
.orange-theme .card-table tr .action-icon button {
  color: transparent;
}
.orange-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.orange-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.orange-theme .card-table tr:hover .action-icon button {
  color: #FF8A00;
}
.orange-theme .card-table tr:hover .action-icon:hover {
  color: #FF8A00;
}
.orange-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.orange-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.orange-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.orange-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.orange-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #FF8A00;
}
.orange-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.orange-theme .no-hover-table tr:hover {
  background: white;
}
.orange-theme .custom-standard-chip {
  background-color: rgba(255, 138, 0, 0.1) !important;
  color: #FF8A00 !important;
}
.orange-theme .help-dashboard-card .mat-icon {
  color: #FF8A00;
}
.orange-theme .help-dashboard-card:hover {
  background-color: #FF8A00;
}
.orange-theme .help-dashboard-card:hover .mat-icon,
.orange-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.orange-theme .room-open {
  background-color: #FF8A00 !important;
  color: white !important;
}
.orange-theme .room-open:hover {
  background-color: #FF8A00 !important;
  color: white !important;
}
.orange-theme #public-office-page-groups .public-group-button-hover {
  background-color: #FF8A00 !important;
  color: white !important;
}
.orange-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.orange-theme .notification-container .show-tip {
  color: transparent;
}
.orange-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.orange-theme .notification-container:hover .show-tip {
  color: #FF8A00;
}
.orange-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.orange-theme .notification-container .notification-subject .mat-icon {
  color: #FF8A00;
}
.orange-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.orange-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.orange-theme .message-container .show-tip {
  color: transparent;
}
.orange-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.orange-theme .message-container:hover .show-tip {
  color: #FF8A00;
}
.orange-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.orange-theme .message-container .message-subject .mat-icon {
  color: #FF8A00;
}
.orange-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.orange-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.orange-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.orange-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.orange-theme .primary-200-outline input {
  caret-color: #FF8A00;
  color: #FF8A00;
}
.orange-theme .primary-200-outline label {
  color: #FF8A00;
}
.orange-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #FF8A00 !important;
}
.orange-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #FF8A00;
}
.orange-theme mat-form-field .primary-outline label {
  color: #FF8A00 !important;
}
.orange-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #FF8A00 !important;
}
.orange-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #FF8A00 !important;
}
.orange-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.orange-theme .input-primary input {
  caret-color: #FF8A00;
  color: #FF8A00;
}
.orange-theme .input-primary label {
  color: #FF8A00;
}
.orange-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #FF8A00 !important;
}
.orange-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.orange-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #FF8A00;
  border-width: 1px;
}
.orange-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.orange-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.orange-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.orange-theme .boton-recarga {
  background-color: #FF8A00;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.orange-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.orange-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.orange-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.orange-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.orange-theme .header-container button {
  padding: 0 !important;
}
.orange-theme .header-container .mat-button {
  min-width: unset !important;
}
.orange-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.orange-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.orange-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.orange-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.orange-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.orange-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.orange-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.orange-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.orange-theme .input-recarga-marine {
  border: 1px solid #FF8A00 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.orange-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.orange-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.orange-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.orange-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.orange-theme .color-primary {
  color: #FF8A00 !important;
  fill: #FF8A00 !important;
}
.orange-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.orange-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.orange-theme .primary-contrast {
  color: #ffffff !important;
}
.orange-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #FF8A00 !important;
}
.orange-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #FF8A00 !important;
}
.orange-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.orange-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #FF8A00 !important;
}
.orange-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.orange-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.orange-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.orange-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #FF8A00 !important;
}
.orange-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #FF8A00 !important;
}
.orange-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #FF8A00 !important;
}
.orange-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #FF8A00 !important;
}
.orange-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #FF8A00 !important;
}
.orange-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.orange-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #FF8A00 !important;
}
.orange-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.orange-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #FF8A00 !important;
}
.orange-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.orange-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.orange-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #FF8A00 !important;
}
.orange-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #FF8A00 !important;
}
.orange-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.orange-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #FF8A00 !important;
}
.orange-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #FF8A00 !important;
}
.orange-theme .mat-checkbox-checked .mat-checkbox-background,
.orange-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #FF8A00 !important;
}
.orange-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #FF8A00 !important;
}
.orange-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.orange-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #FF8A00 !important;
}
.orange-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.orange-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #FF8A00 !important;
}
.orange-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #FF8A00 !important;
}
.orange-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #FF8A00 !important;
}
.orange-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.orange-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.orange-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.orange-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.orange-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #FF8A00 !important;
}
.orange-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #FF8A00 !important;
}
.orange-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #FF8A00 !important;
}
.orange-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.orange-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #FF8A00 !important;
}
.orange-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #FF8A00 !important;
}
.orange-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #FF8A00 !important;
}
.orange-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.orange-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.orange-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #FF8A00 !important;
}
.orange-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #FF8A00 !important;
}
.orange-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.orange-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.orange-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #FF8A00 !important;
}
.orange-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.orange-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.orange-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.orange-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #FF8A00 !important;
}
.orange-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.orange-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #FF8A00 !important;
}
.orange-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #FF8A00 !important;
}
.orange-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #FF8A00 !important;
}
.orange-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.orange-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.orange-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.orange-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #FF8A00 !important;
}
.orange-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #FF8A00 !important;
}
.orange-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #FF8A00 !important;
}
.orange-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #FF8A00 !important;
}
.orange-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.orange-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FF8A00 !important;
}
.orange-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FF8A00 !important;
}
.orange-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.orange-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #FF8A00 !important;
}
.orange-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #FF8A00 !important;
}
.orange-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.orange-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.orange-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.orange-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #FF8A00 !important;
}
.orange-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FF8A00 !important;
}
.orange-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.orange-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.orange-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #FF8A00 !important;
}
.orange-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #FF8A00 !important;
}
.orange-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FF8A00 !important;
}
.orange-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #FF8A00 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.orange-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #FF8A00 !important;
}
.orange-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #FF8A00 !important;
}
.orange-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #FF8A00 !important;
}
.orange-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #FF8A00 !important;
}
.orange-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #FF8A00 !important;
}
.orange-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.orange-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.orange-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.orange-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.orange-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.orange-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #FF8A00 !important;
}
.orange-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #FF8A00 !important;
}
.orange-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #FF8A00 !important;
}
.orange-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #FF8A00 !important;
}
.orange-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #FF8A00 !important;
}
.orange-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #FF8A00 !important;
}
.orange-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.orange-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #FF8A00 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.orange-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.orange-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.orange-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.orange-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.orange-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.orange-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #FF8A00 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.orange-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #FF8A00 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #FF8A00 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.orange-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #FF8A00 !important;
}
.orange-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.orange-theme .button-text-hidden {
  display: none;
}
.blue-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #0033B6;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #0033B6 87%, transparent);
  --mat-form-field-filled-caret-color: #0033B6;
  --mat-form-field-filled-focus-active-indicator-color: #0033B6;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #0033B6 87%, transparent);
  --mat-form-field-outlined-caret-color: #0033B6;
  --mat-form-field-outlined-focus-outline-color: #0033B6;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #0033B6 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #0033B6;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #0033B6;
  --mat-slide-toggle-selected-handle-color: #0033B6;
  --mat-slide-toggle-selected-hover-state-layer-color: #0033B6;
  --mat-slide-toggle-selected-pressed-state-layer-color: #0033B6;
  --mat-slide-toggle-selected-focus-handle-color: #0033B6;
  --mat-slide-toggle-selected-hover-handle-color: #0033B6;
  --mat-slide-toggle-selected-pressed-handle-color: #0033B6;
  --mat-slide-toggle-selected-focus-track-color: #0033B6;
  --mat-slide-toggle-selected-hover-track-color: #0033B6;
  --mat-slide-toggle-selected-pressed-track-color: #0033B6;
  --mat-slide-toggle-selected-track-color: #0033B6;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #0033B6;
  --mat-slider-focus-handle-color: #0033B6;
  --mat-slider-handle-color: #0033B6;
  --mat-slider-hover-handle-color: #0033B6;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #0033B6 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #0033B6 4%, transparent);
  --mat-slider-inactive-track-color: #0033B6;
  --mat-slider-ripple-color: #0033B6;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #0033B6;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #0033B6;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #0033B6;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #0033B6;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #0033B6 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #0033B6;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #0033B6 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #0033B6 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #0033B6 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #0033B6;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #0033B6;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #0033B6;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #0033B6;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #0033B6;
  --mat-slide-toggle-selected-handle-color: #0033B6;
  --mat-slide-toggle-selected-hover-state-layer-color: #0033B6;
  --mat-slide-toggle-selected-pressed-state-layer-color: #0033B6;
  --mat-slide-toggle-selected-focus-handle-color: #0033B6;
  --mat-slide-toggle-selected-hover-handle-color: #0033B6;
  --mat-slide-toggle-selected-pressed-handle-color: #0033B6;
  --mat-slide-toggle-selected-focus-track-color: #0033B6;
  --mat-slide-toggle-selected-hover-track-color: #0033B6;
  --mat-slide-toggle-selected-pressed-track-color: #0033B6;
  --mat-slide-toggle-selected-track-color: #0033B6;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.blue-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.blue-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.blue-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #0033B6;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #0033B6;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.blue-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.blue-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.blue-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #0033B6;
  --mat-progress-bar-track-color: rgba(0, 51, 182, 0.25);
}
.blue-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.blue-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.blue-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.blue-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.blue-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.blue-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.blue-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.blue-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.blue-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.blue-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #0033B6;
  --mat-chip-elevated-disabled-container-color: #0033B6;
  --mat-chip-elevated-selected-container-color: #0033B6;
  --mat-chip-flat-disabled-selected-container-color: #0033B6;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.blue-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.blue-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.blue-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.blue-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.blue-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.blue-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.blue-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.blue-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.blue-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.blue-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #0033B6;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #0033B6;
  --mat-radio-selected-hover-icon-color: #0033B6;
  --mat-radio-selected-icon-color: #0033B6;
  --mat-radio-selected-pressed-icon-color: #0033B6;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.blue-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.blue-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.blue-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.blue-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.blue-theme .mdc-list-item__start,
.blue-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #0033B6;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #0033B6;
  --mat-radio-selected-hover-icon-color: #0033B6;
  --mat-radio-selected-icon-color: #0033B6;
  --mat-radio-selected-pressed-icon-color: #0033B6;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.blue-theme .mat-accent .mdc-list-item__start,
.blue-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.blue-theme .mat-warn .mdc-list-item__start,
.blue-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.blue-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #0033B6;
  --mat-checkbox-selected-hover-icon-color: #0033B6;
  --mat-checkbox-selected-icon-color: #0033B6;
  --mat-checkbox-selected-pressed-icon-color: #0033B6;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #0033B6;
  --mat-checkbox-selected-hover-state-layer-color: #0033B6;
  --mat-checkbox-selected-pressed-state-layer-color: #0033B6;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.blue-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.blue-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.blue-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.blue-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.blue-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.blue-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #0033B6;
}
.blue-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.blue-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.blue-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.blue-theme .mdc-list-item__start,
.blue-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.blue-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.blue-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.blue-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.blue-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.blue-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.blue-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.blue-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.blue-theme .mat-mdc-tab-group,
.blue-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #0033B6;
  --mat-tab-active-ripple-color: #0033B6;
  --mat-tab-inactive-ripple-color: #0033B6;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #0033B6;
  --mat-tab-active-hover-label-text-color: #0033B6;
  --mat-tab-active-focus-indicator-color: #0033B6;
  --mat-tab-active-hover-indicator-color: #0033B6;
  --mat-tab-active-indicator-color: #0033B6;
}
.blue-theme .mat-mdc-tab-group.mat-accent,
.blue-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.blue-theme .mat-mdc-tab-group.mat-warn,
.blue-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.blue-theme .mat-mdc-tab-group.mat-background-primary,
.blue-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #0033B6;
  --mat-tab-foreground-color: #ffffff;
}
.blue-theme .mat-mdc-tab-group.mat-background-accent,
.blue-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.blue-theme .mat-mdc-tab-group.mat-background-warn,
.blue-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.blue-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.blue-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.blue-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #0033B6;
  --mat-checkbox-selected-hover-icon-color: #0033B6;
  --mat-checkbox-selected-icon-color: #0033B6;
  --mat-checkbox-selected-pressed-icon-color: #0033B6;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #0033B6;
  --mat-checkbox-selected-hover-state-layer-color: #0033B6;
  --mat-checkbox-selected-pressed-state-layer-color: #0033B6;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.blue-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.blue-theme .mat-mdc-button.mat-primary,
.blue-theme .mat-mdc-unelevated-button.mat-primary,
.blue-theme .mat-mdc-raised-button.mat-primary,
.blue-theme .mat-mdc-outlined-button.mat-primary,
.blue-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #0033B6;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #0033B6;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #0033B6 12%, transparent);
  --mat-button-outlined-state-layer-color: #0033B6;
  --mat-button-protected-container-color: #0033B6;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #0033B6;
  --mat-button-text-ripple-color: color-mix(in srgb, #0033B6 12%, transparent);
  --mat-button-text-state-layer-color: #0033B6;
  --mat-button-tonal-container-color: #0033B6;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.blue-theme .mat-mdc-button.mat-accent,
.blue-theme .mat-mdc-unelevated-button.mat-accent,
.blue-theme .mat-mdc-raised-button.mat-accent,
.blue-theme .mat-mdc-outlined-button.mat-accent,
.blue-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.blue-theme .mat-mdc-button.mat-warn,
.blue-theme .mat-mdc-unelevated-button.mat-warn,
.blue-theme .mat-mdc-raised-button.mat-warn,
.blue-theme .mat-mdc-outlined-button.mat-warn,
.blue-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.blue-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #0033B6;
  --mat-icon-button-state-layer-color: #0033B6;
  --mat-icon-button-ripple-color: color-mix(in srgb, #0033B6 12%, transparent);
}
.blue-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.blue-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.blue-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.blue-theme .mat-mdc-fab.mat-primary,
.blue-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #0033B6;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #0033B6 12%, transparent);
  --mat-fab-small-container-color: #0033B6;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.blue-theme .mat-mdc-fab.mat-accent,
.blue-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.blue-theme .mat-mdc-fab.mat-warn,
.blue-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.blue-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.blue-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.blue-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.blue-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.blue-theme .mat-datepicker-content.mat-accent,
.blue-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.blue-theme .mat-datepicker-content.mat-warn,
.blue-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.blue-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.blue-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.blue-theme .mat-icon.mat-primary {
  --mat-icon-color: #0033B6;
}
.blue-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.blue-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.blue-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.blue-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.blue-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #0033B6;
  --mat-toolbar-container-text-color: #ffffff;
}
.blue-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.blue-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.blue-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.blue-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.blue-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.blue-theme .back-container {
  color: #0033B6;
}
.blue-theme .back-container:hover {
  opacity: 0.54;
}
.blue-theme .warn-text {
  color: #e74737;
}
.blue-theme .inside-modal-title.primary-colored-title,
.blue-theme .form-title.primary-colored-title {
  color: #0033B6;
}
.blue-theme .full-height-container form .button-container {
  background: white;
}
.blue-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.blue-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.blue-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.blue-theme .box-checkbox.active-box-checkbox {
  background-color: #0033B6;
  color: white;
}
.blue-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.blue-theme .box-radio.active-box-radio {
  background-color: #0033B6;
  color: white;
}
.blue-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.blue-theme .error {
  color: #e74737;
}
.blue-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.blue-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.blue-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.blue-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.blue-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.blue-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.blue-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.blue-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.blue-theme .ql-snow .ql-picker-options {
  background: white;
}
.blue-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.blue-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.blue-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.blue-theme .ql-snow .ql-fill,
.blue-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.blue-theme .ql-snow.ql-toolbar button:hover,
.blue-theme .ql-snow .ql-toolbar button:hover,
.blue-theme .ql-snow.ql-toolbar button:focus,
.blue-theme .ql-snow .ql-toolbar button:focus,
.blue-theme .ql-snow.ql-toolbar button.ql-active,
.blue-theme .ql-snow .ql-toolbar button.ql-active,
.blue-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.blue-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.blue-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.blue-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.blue-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.blue-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.blue-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.blue-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.blue-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.blue-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.blue-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.blue-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.blue-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.blue-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.blue-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.blue-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.blue-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.blue-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.blue-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.blue-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.blue-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.blue-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.blue-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.blue-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.blue-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.blue-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.blue-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.blue-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.blue-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.blue-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.blue-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.blue-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.blue-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.blue-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.blue-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.blue-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.blue-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.blue-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.blue-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.blue-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.blue-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.blue-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.blue-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.blue-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.blue-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.blue-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.blue-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.blue-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.blue-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.blue-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.blue-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.blue-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.blue-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.blue-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.blue-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.blue-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.blue-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.blue-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.blue-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.blue-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.blue-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.blue-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.blue-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.blue-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.blue-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.blue-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.blue-theme bee-form-item {
  margin-right: 0 !important;
}
.blue-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.blue-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #0033B6;
  height: 38px !important;
}
.blue-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.blue-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.blue-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.blue-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.blue-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.blue-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.blue-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.blue-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.blue-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .blue-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.blue-theme .general-container .label-wrapper label {
  color: #0033B6 !important;
  background-color: white;
}
.blue-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.blue-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.blue-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.blue-theme .general-container .bee-selector .bee-selector-container {
  border-color: #0033B6 !important;
}
.blue-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.blue-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.blue-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.blue-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.blue-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.blue-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.blue-theme .general-container .bee-selector .bee-selector-container:focus,
.blue-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #0033B6;
}
.blue-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.blue-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #0033B6;
}
.blue-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.blue-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #0033B6;
}
.blue-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.blue-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.blue-theme .general-container .bee-dropdown {
  background: white;
}
.blue-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #0033B6;
}
.blue-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.blue-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.blue-theme .general-container .selector-error {
  color: #e74737;
}
.blue-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.blue-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.blue-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.blue-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.blue-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #0033B6;
}
.blue-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.blue-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.blue-theme .move-image-action-container:hover {
  color: #0033B6;
}
.blue-theme .info-icon {
  color: #0033B6;
}
.blue-theme .email-chip {
  color: #0033B6 !important;
  background-color: rgba(0, 51, 182, 0.15) !important;
}
.blue-theme .email-chip .mat-chip-remove {
  color: #0033B6 !important;
  opacity: 1 !important;
}
.blue-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.blue-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.blue-theme .mat-badge-content {
  color: #0033B6 !important;
}
.blue-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #0033B6 !important;
}
.blue-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #0033B6 !important;
}
.blue-theme #circle-lleno {
  background: #0033B6;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.blue-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.blue-theme .marine-color {
  color: #0f223e !important;
}
.blue-theme .primary-color {
  color: #0033B6 !important;
}
.blue-theme .gray-color {
  color: #C0C4CA !important;
}
.blue-theme .primary-color-200 {
  color: #0033B6 !important;
}
.blue-theme svg.primary-fill-svg {
  fill: #0033B6 !important;
}
.blue-theme .primary-fill {
  fill: #0033B6 !important;
}
.blue-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.blue-theme .primary-border-50 {
  border-color: #0033B6 !important;
}
.blue-theme .primary-border-100 {
  border-color: #0033B6 !important;
}
.blue-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.blue-theme .transparent-border-100 {
  border-color: transparent !important;
}
.blue-theme .primary-border-200 {
  border-color: #0033B6 !important;
}
.blue-theme .primary-indicator .mat-expansion-indicator:after {
  color: #0033B6;
}
.blue-theme .contrast-background {
  background-color: #ffffff !important;
}
.blue-theme .primary-color-small {
  color: rgba(0, 51, 182, 0.6);
}
.blue-theme .marine-background {
  background-color: #0f223e !important;
}
.blue-theme .primary-background {
  background-color: #0033B6 !important;
}
.blue-theme .primary-background-50 {
  background-color: #0033B6 !important;
}
.blue-theme .primary-background-200 {
  background-color: #0033B6 !important;
}
.blue-theme .primary-background-800 {
  background-color: #0033B6 !important;
}
.blue-theme .white-color {
  color: white !important;
}
.blue-theme .secondary-color {
  color: #0033B6 !important;
}
.blue-theme .secondary-background {
  background-color: #0033B6 !important;
}
.blue-theme .secondary-background-semi {
  background-color: #0033B6 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #0033B6 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.blue-theme .secondary-background-full {
  background-color: #0033B6 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #0033B6 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.blue-theme .secondary-background-empty {
  background-color: #0033B6 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #0033B6 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.blue-theme .secondary-border {
  background-color: #0033B6 !important;
}
.blue-theme .tertiary-color {
  color: #0033B6 !important;
}
.blue-theme button.button-tertiary {
  background-color: #0033B6 !important;
  color: #0033B6 !important;
  border: 1px solid #0033B6 !important;
}
.blue-theme span.red-text {
  color: #DB1F35 !important;
}
.blue-theme .tertiary-background {
  background-color: #0033B6 !important;
}
.blue-theme .tertiary-border {
  border-color: #0033B6 !important;
}
.blue-theme .dark-background {
  background-color: black !important;
}
.blue-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.blue-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.blue-theme .primary-soft-background {
  background-color: rgba(0, 51, 182, 0.1) !important;
}
.blue-theme .primary-soft-background:hover {
  background-color: rgba(0, 51, 182, 0.15) !important;
}
.blue-theme .primary-border {
  border-color: #0033B6 !important;
}
.blue-theme .default-background {
  background-color: #fafafa !important;
}
.blue-theme .hover-primary:hover {
  color: #0033B6 !important;
}
.blue-theme .hover-primary-background:hover {
  background-color: #0033B6 !important;
}
.blue-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.blue-theme .warn-color {
  color: #e74737 !important;
}
.blue-theme .warn-border {
  border-color: #e74737 !important;
}
.blue-theme .accent-color {
  color: #fedd93 !important;
}
.blue-theme .accent-background {
  background-color: #fedd93 !important;
}
.blue-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.blue-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.blue-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.blue-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.blue-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.blue-theme .dialog-table tr .action-icon {
  color: transparent;
}
.blue-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.blue-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.blue-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #0033B6;
}
.blue-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.blue-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.blue-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.blue-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.blue-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.blue-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.blue-theme .card-table tr .action-icon {
  color: transparent;
}
.blue-theme .card-table tr .action-icon button {
  color: transparent;
}
.blue-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.blue-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.blue-theme .card-table tr:hover .action-icon button {
  color: #0033B6;
}
.blue-theme .card-table tr:hover .action-icon:hover {
  color: #0033B6;
}
.blue-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.blue-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.blue-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.blue-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.blue-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #0033B6;
}
.blue-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.blue-theme .no-hover-table tr:hover {
  background: white;
}
.blue-theme .custom-standard-chip {
  background-color: rgba(0, 51, 182, 0.1) !important;
  color: #0033B6 !important;
}
.blue-theme .help-dashboard-card .mat-icon {
  color: #0033B6;
}
.blue-theme .help-dashboard-card:hover {
  background-color: #0033B6;
}
.blue-theme .help-dashboard-card:hover .mat-icon,
.blue-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.blue-theme .room-open {
  background-color: #0033B6 !important;
  color: white !important;
}
.blue-theme .room-open:hover {
  background-color: #0033B6 !important;
  color: white !important;
}
.blue-theme #public-office-page-groups .public-group-button-hover {
  background-color: #0033B6 !important;
  color: white !important;
}
.blue-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.blue-theme .notification-container .show-tip {
  color: transparent;
}
.blue-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.blue-theme .notification-container:hover .show-tip {
  color: #0033B6;
}
.blue-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.blue-theme .notification-container .notification-subject .mat-icon {
  color: #0033B6;
}
.blue-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.blue-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.blue-theme .message-container .show-tip {
  color: transparent;
}
.blue-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.blue-theme .message-container:hover .show-tip {
  color: #0033B6;
}
.blue-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.blue-theme .message-container .message-subject .mat-icon {
  color: #0033B6;
}
.blue-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.blue-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.blue-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.blue-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.blue-theme .primary-200-outline input {
  caret-color: #0033B6;
  color: #0033B6;
}
.blue-theme .primary-200-outline label {
  color: #0033B6;
}
.blue-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #0033B6 !important;
}
.blue-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #0033B6;
}
.blue-theme mat-form-field .primary-outline label {
  color: #0033B6 !important;
}
.blue-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #0033B6 !important;
}
.blue-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #0033B6 !important;
}
.blue-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.blue-theme .input-primary input {
  caret-color: #0033B6;
  color: #0033B6;
}
.blue-theme .input-primary label {
  color: #0033B6;
}
.blue-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #0033B6 !important;
}
.blue-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.blue-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #0033B6;
  border-width: 1px;
}
.blue-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.blue-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.blue-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.blue-theme .boton-recarga {
  background-color: #0033B6;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.blue-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.blue-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.blue-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.blue-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.blue-theme .header-container button {
  padding: 0 !important;
}
.blue-theme .header-container .mat-button {
  min-width: unset !important;
}
.blue-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.blue-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.blue-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.blue-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.blue-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.blue-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.blue-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.blue-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.blue-theme .input-recarga-marine {
  border: 1px solid #0033B6 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.blue-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.blue-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.blue-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.blue-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.blue-theme .color-primary {
  color: #0033B6 !important;
  fill: #0033B6 !important;
}
.blue-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.blue-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.blue-theme .primary-contrast {
  color: #ffffff !important;
}
.blue-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0033B6 !important;
}
.blue-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0033B6 !important;
}
.blue-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.blue-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0033B6 !important;
}
.blue-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.blue-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.blue-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.blue-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #0033B6 !important;
}
.blue-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #0033B6 !important;
}
.blue-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #0033B6 !important;
}
.blue-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #0033B6 !important;
}
.blue-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0033B6 !important;
}
.blue-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.blue-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0033B6 !important;
}
.blue-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.blue-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0033B6 !important;
}
.blue-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.blue-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.blue-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0033B6 !important;
}
.blue-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0033B6 !important;
}
.blue-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.blue-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0033B6 !important;
}
.blue-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #0033B6 !important;
}
.blue-theme .mat-checkbox-checked .mat-checkbox-background,
.blue-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #0033B6 !important;
}
.blue-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0033B6 !important;
}
.blue-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.blue-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0033B6 !important;
}
.blue-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.blue-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0033B6 !important;
}
.blue-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0033B6 !important;
}
.blue-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0033B6 !important;
}
.blue-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.blue-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.blue-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.blue-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.blue-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #0033B6 !important;
}
.blue-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0033B6 !important;
}
.blue-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0033B6 !important;
}
.blue-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.blue-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0033B6 !important;
}
.blue-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0033B6 !important;
}
.blue-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0033B6 !important;
}
.blue-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.blue-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.blue-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #0033B6 !important;
}
.blue-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0033B6 !important;
}
.blue-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.blue-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.blue-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0033B6 !important;
}
.blue-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.blue-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.blue-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.blue-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0033B6 !important;
}
.blue-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.blue-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0033B6 !important;
}
.blue-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0033B6 !important;
}
.blue-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0033B6 !important;
}
.blue-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.blue-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.blue-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.blue-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #0033B6 !important;
}
.blue-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #0033B6 !important;
}
.blue-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0033B6 !important;
}
.blue-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0033B6 !important;
}
.blue-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.blue-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0033B6 !important;
}
.blue-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0033B6 !important;
}
.blue-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.blue-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #0033B6 !important;
}
.blue-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #0033B6 !important;
}
.blue-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.blue-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.blue-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.blue-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #0033B6 !important;
}
.blue-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0033B6 !important;
}
.blue-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.blue-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.blue-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0033B6 !important;
}
.blue-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0033B6 !important;
}
.blue-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0033B6 !important;
}
.blue-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #0033B6 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.blue-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #0033B6 !important;
}
.blue-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0033B6 !important;
}
.blue-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #0033B6 !important;
}
.blue-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #0033B6 !important;
}
.blue-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #0033B6 !important;
}
.blue-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.blue-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.blue-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.blue-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.blue-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.blue-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #0033B6 !important;
}
.blue-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #0033B6 !important;
}
.blue-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #0033B6 !important;
}
.blue-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #0033B6 !important;
}
.blue-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #0033B6 !important;
}
.blue-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #0033B6 !important;
}
.blue-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.blue-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #0033B6 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.blue-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.blue-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.blue-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.blue-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.blue-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.blue-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #0033B6 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.blue-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #0033B6 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #0033B6 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.blue-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #0033B6 !important;
}
.blue-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.blue-theme .button-text-hidden {
  display: none;
}
.red-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #E42900;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #E42900 87%, transparent);
  --mat-form-field-filled-caret-color: #E42900;
  --mat-form-field-filled-focus-active-indicator-color: #E42900;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #E42900 87%, transparent);
  --mat-form-field-outlined-caret-color: #E42900;
  --mat-form-field-outlined-focus-outline-color: #E42900;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #E42900 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #E42900;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #E42900;
  --mat-slide-toggle-selected-handle-color: #E42900;
  --mat-slide-toggle-selected-hover-state-layer-color: #E42900;
  --mat-slide-toggle-selected-pressed-state-layer-color: #E42900;
  --mat-slide-toggle-selected-focus-handle-color: #E42900;
  --mat-slide-toggle-selected-hover-handle-color: #E42900;
  --mat-slide-toggle-selected-pressed-handle-color: #E42900;
  --mat-slide-toggle-selected-focus-track-color: #E42900;
  --mat-slide-toggle-selected-hover-track-color: #E42900;
  --mat-slide-toggle-selected-pressed-track-color: #E42900;
  --mat-slide-toggle-selected-track-color: #E42900;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #E42900;
  --mat-slider-focus-handle-color: #E42900;
  --mat-slider-handle-color: #E42900;
  --mat-slider-hover-handle-color: #E42900;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #E42900 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #E42900 4%, transparent);
  --mat-slider-inactive-track-color: #E42900;
  --mat-slider-ripple-color: #E42900;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #E42900;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #E42900;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #E42900;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #E42900;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #E42900 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #E42900;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #E42900 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #E42900 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #E42900 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #E42900;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #E42900;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #E42900;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #E42900;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #E42900;
  --mat-slide-toggle-selected-handle-color: #E42900;
  --mat-slide-toggle-selected-hover-state-layer-color: #E42900;
  --mat-slide-toggle-selected-pressed-state-layer-color: #E42900;
  --mat-slide-toggle-selected-focus-handle-color: #E42900;
  --mat-slide-toggle-selected-hover-handle-color: #E42900;
  --mat-slide-toggle-selected-pressed-handle-color: #E42900;
  --mat-slide-toggle-selected-focus-track-color: #E42900;
  --mat-slide-toggle-selected-hover-track-color: #E42900;
  --mat-slide-toggle-selected-pressed-track-color: #E42900;
  --mat-slide-toggle-selected-track-color: #E42900;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.red-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.red-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.red-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #E42900;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #E42900;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.red-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.red-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.red-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #E42900;
  --mat-progress-bar-track-color: rgba(228, 41, 0, 0.25);
}
.red-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.red-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.red-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.red-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.red-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.red-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.red-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.red-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.red-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.red-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #E42900;
  --mat-chip-elevated-disabled-container-color: #E42900;
  --mat-chip-elevated-selected-container-color: #E42900;
  --mat-chip-flat-disabled-selected-container-color: #E42900;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.red-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.red-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.red-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.red-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.red-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.red-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.red-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.red-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.red-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.red-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #E42900;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #E42900;
  --mat-radio-selected-hover-icon-color: #E42900;
  --mat-radio-selected-icon-color: #E42900;
  --mat-radio-selected-pressed-icon-color: #E42900;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.red-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.red-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.red-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.red-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.red-theme .mdc-list-item__start,
.red-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #E42900;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #E42900;
  --mat-radio-selected-hover-icon-color: #E42900;
  --mat-radio-selected-icon-color: #E42900;
  --mat-radio-selected-pressed-icon-color: #E42900;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.red-theme .mat-accent .mdc-list-item__start,
.red-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.red-theme .mat-warn .mdc-list-item__start,
.red-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.red-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #E42900;
  --mat-checkbox-selected-hover-icon-color: #E42900;
  --mat-checkbox-selected-icon-color: #E42900;
  --mat-checkbox-selected-pressed-icon-color: #E42900;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #E42900;
  --mat-checkbox-selected-hover-state-layer-color: #E42900;
  --mat-checkbox-selected-pressed-state-layer-color: #E42900;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.red-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.red-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.red-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.red-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.red-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.red-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #E42900;
}
.red-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.red-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.red-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.red-theme .mdc-list-item__start,
.red-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.red-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.red-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.red-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.red-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.red-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.red-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.red-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.red-theme .mat-mdc-tab-group,
.red-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #E42900;
  --mat-tab-active-ripple-color: #E42900;
  --mat-tab-inactive-ripple-color: #E42900;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #E42900;
  --mat-tab-active-hover-label-text-color: #E42900;
  --mat-tab-active-focus-indicator-color: #E42900;
  --mat-tab-active-hover-indicator-color: #E42900;
  --mat-tab-active-indicator-color: #E42900;
}
.red-theme .mat-mdc-tab-group.mat-accent,
.red-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.red-theme .mat-mdc-tab-group.mat-warn,
.red-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.red-theme .mat-mdc-tab-group.mat-background-primary,
.red-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #E42900;
  --mat-tab-foreground-color: #ffffff;
}
.red-theme .mat-mdc-tab-group.mat-background-accent,
.red-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.red-theme .mat-mdc-tab-group.mat-background-warn,
.red-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.red-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.red-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.red-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #E42900;
  --mat-checkbox-selected-hover-icon-color: #E42900;
  --mat-checkbox-selected-icon-color: #E42900;
  --mat-checkbox-selected-pressed-icon-color: #E42900;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #E42900;
  --mat-checkbox-selected-hover-state-layer-color: #E42900;
  --mat-checkbox-selected-pressed-state-layer-color: #E42900;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.red-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.red-theme .mat-mdc-button.mat-primary,
.red-theme .mat-mdc-unelevated-button.mat-primary,
.red-theme .mat-mdc-raised-button.mat-primary,
.red-theme .mat-mdc-outlined-button.mat-primary,
.red-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #E42900;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #E42900;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #E42900 12%, transparent);
  --mat-button-outlined-state-layer-color: #E42900;
  --mat-button-protected-container-color: #E42900;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #E42900;
  --mat-button-text-ripple-color: color-mix(in srgb, #E42900 12%, transparent);
  --mat-button-text-state-layer-color: #E42900;
  --mat-button-tonal-container-color: #E42900;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.red-theme .mat-mdc-button.mat-accent,
.red-theme .mat-mdc-unelevated-button.mat-accent,
.red-theme .mat-mdc-raised-button.mat-accent,
.red-theme .mat-mdc-outlined-button.mat-accent,
.red-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.red-theme .mat-mdc-button.mat-warn,
.red-theme .mat-mdc-unelevated-button.mat-warn,
.red-theme .mat-mdc-raised-button.mat-warn,
.red-theme .mat-mdc-outlined-button.mat-warn,
.red-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.red-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #E42900;
  --mat-icon-button-state-layer-color: #E42900;
  --mat-icon-button-ripple-color: color-mix(in srgb, #E42900 12%, transparent);
}
.red-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.red-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.red-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.red-theme .mat-mdc-fab.mat-primary,
.red-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #E42900;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #E42900 12%, transparent);
  --mat-fab-small-container-color: #E42900;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.red-theme .mat-mdc-fab.mat-accent,
.red-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.red-theme .mat-mdc-fab.mat-warn,
.red-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.red-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.red-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.red-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.red-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.red-theme .mat-datepicker-content.mat-accent,
.red-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.red-theme .mat-datepicker-content.mat-warn,
.red-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.red-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.red-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.red-theme .mat-icon.mat-primary {
  --mat-icon-color: #E42900;
}
.red-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.red-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.red-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.red-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.red-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #E42900;
  --mat-toolbar-container-text-color: #ffffff;
}
.red-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.red-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.red-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.red-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.red-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.red-theme .back-container {
  color: #E42900;
}
.red-theme .back-container:hover {
  opacity: 0.54;
}
.red-theme .warn-text {
  color: #e74737;
}
.red-theme .inside-modal-title.primary-colored-title,
.red-theme .form-title.primary-colored-title {
  color: #E42900;
}
.red-theme .full-height-container form .button-container {
  background: white;
}
.red-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.red-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.red-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.red-theme .box-checkbox.active-box-checkbox {
  background-color: #E42900;
  color: white;
}
.red-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.red-theme .box-radio.active-box-radio {
  background-color: #E42900;
  color: white;
}
.red-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.red-theme .error {
  color: #e74737;
}
.red-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.red-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.red-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.red-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.red-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.red-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.red-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.red-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.red-theme .ql-snow .ql-picker-options {
  background: white;
}
.red-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.red-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.red-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.red-theme .ql-snow .ql-fill,
.red-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.red-theme .ql-snow.ql-toolbar button:hover,
.red-theme .ql-snow .ql-toolbar button:hover,
.red-theme .ql-snow.ql-toolbar button:focus,
.red-theme .ql-snow .ql-toolbar button:focus,
.red-theme .ql-snow.ql-toolbar button.ql-active,
.red-theme .ql-snow .ql-toolbar button.ql-active,
.red-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.red-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.red-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.red-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.red-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.red-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.red-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.red-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.red-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.red-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.red-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.red-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.red-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.red-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.red-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.red-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.red-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.red-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.red-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.red-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.red-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.red-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.red-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.red-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.red-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.red-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.red-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.red-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.red-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.red-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.red-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.red-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.red-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.red-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.red-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.red-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.red-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.red-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.red-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.red-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.red-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.red-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.red-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.red-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.red-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.red-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.red-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.red-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.red-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.red-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.red-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.red-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.red-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.red-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.red-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.red-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.red-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.red-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.red-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.red-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.red-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.red-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.red-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.red-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.red-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.red-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.red-theme bee-form-item {
  margin-right: 0 !important;
}
.red-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.red-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #E42900;
  height: 38px !important;
}
.red-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.red-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.red-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.red-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.red-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.red-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.red-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.red-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.red-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .red-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.red-theme .general-container .label-wrapper label {
  color: #E42900 !important;
  background-color: white;
}
.red-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.red-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.red-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.red-theme .general-container .bee-selector .bee-selector-container {
  border-color: #E42900 !important;
}
.red-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.red-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.red-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.red-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.red-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.red-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.red-theme .general-container .bee-selector .bee-selector-container:focus,
.red-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #E42900;
}
.red-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.red-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #E42900;
}
.red-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.red-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #E42900;
}
.red-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.red-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.red-theme .general-container .bee-dropdown {
  background: white;
}
.red-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #E42900;
}
.red-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.red-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.red-theme .general-container .selector-error {
  color: #e74737;
}
.red-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.red-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.red-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.red-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.red-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #E42900;
}
.red-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.red-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.red-theme .move-image-action-container:hover {
  color: #E42900;
}
.red-theme .info-icon {
  color: #E42900;
}
.red-theme .email-chip {
  color: #E42900 !important;
  background-color: rgba(228, 41, 0, 0.15) !important;
}
.red-theme .email-chip .mat-chip-remove {
  color: #E42900 !important;
  opacity: 1 !important;
}
.red-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.red-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.red-theme .mat-badge-content {
  color: #E42900 !important;
}
.red-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #E42900 !important;
}
.red-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #E42900 !important;
}
.red-theme #circle-lleno {
  background: #E42900;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.red-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.red-theme .marine-color {
  color: #0f223e !important;
}
.red-theme .primary-color {
  color: #E42900 !important;
}
.red-theme .gray-color {
  color: #C0C4CA !important;
}
.red-theme .primary-color-200 {
  color: #E42900 !important;
}
.red-theme svg.primary-fill-svg {
  fill: #E42900 !important;
}
.red-theme .primary-fill {
  fill: #E42900 !important;
}
.red-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.red-theme .primary-border-50 {
  border-color: #E42900 !important;
}
.red-theme .primary-border-100 {
  border-color: #E42900 !important;
}
.red-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.red-theme .transparent-border-100 {
  border-color: transparent !important;
}
.red-theme .primary-border-200 {
  border-color: #E42900 !important;
}
.red-theme .primary-indicator .mat-expansion-indicator:after {
  color: #E42900;
}
.red-theme .contrast-background {
  background-color: #ffffff !important;
}
.red-theme .primary-color-small {
  color: rgba(228, 41, 0, 0.6);
}
.red-theme .marine-background {
  background-color: #0f223e !important;
}
.red-theme .primary-background {
  background-color: #E42900 !important;
}
.red-theme .primary-background-50 {
  background-color: #E42900 !important;
}
.red-theme .primary-background-200 {
  background-color: #E42900 !important;
}
.red-theme .primary-background-800 {
  background-color: #E42900 !important;
}
.red-theme .white-color {
  color: white !important;
}
.red-theme .secondary-color {
  color: #E42900 !important;
}
.red-theme .secondary-background {
  background-color: #E42900 !important;
}
.red-theme .secondary-background-semi {
  background-color: #E42900 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #E42900 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.red-theme .secondary-background-full {
  background-color: #E42900 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #E42900 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.red-theme .secondary-background-empty {
  background-color: #E42900 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #E42900 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.red-theme .secondary-border {
  background-color: #E42900 !important;
}
.red-theme .tertiary-color {
  color: #E42900 !important;
}
.red-theme button.button-tertiary {
  background-color: #E42900 !important;
  color: #E42900 !important;
  border: 1px solid #E42900 !important;
}
.red-theme span.red-text {
  color: #DB1F35 !important;
}
.red-theme .tertiary-background {
  background-color: #E42900 !important;
}
.red-theme .tertiary-border {
  border-color: #E42900 !important;
}
.red-theme .dark-background {
  background-color: black !important;
}
.red-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.red-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.red-theme .primary-soft-background {
  background-color: rgba(228, 41, 0, 0.1) !important;
}
.red-theme .primary-soft-background:hover {
  background-color: rgba(228, 41, 0, 0.15) !important;
}
.red-theme .primary-border {
  border-color: #E42900 !important;
}
.red-theme .default-background {
  background-color: #fafafa !important;
}
.red-theme .hover-primary:hover {
  color: #E42900 !important;
}
.red-theme .hover-primary-background:hover {
  background-color: #E42900 !important;
}
.red-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.red-theme .warn-color {
  color: #e74737 !important;
}
.red-theme .warn-border {
  border-color: #e74737 !important;
}
.red-theme .accent-color {
  color: #fedd93 !important;
}
.red-theme .accent-background {
  background-color: #fedd93 !important;
}
.red-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.red-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.red-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.red-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.red-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.red-theme .dialog-table tr .action-icon {
  color: transparent;
}
.red-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.red-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.red-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #E42900;
}
.red-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.red-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.red-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.red-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.red-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.red-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.red-theme .card-table tr .action-icon {
  color: transparent;
}
.red-theme .card-table tr .action-icon button {
  color: transparent;
}
.red-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.red-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.red-theme .card-table tr:hover .action-icon button {
  color: #E42900;
}
.red-theme .card-table tr:hover .action-icon:hover {
  color: #E42900;
}
.red-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.red-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.red-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.red-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.red-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #E42900;
}
.red-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.red-theme .no-hover-table tr:hover {
  background: white;
}
.red-theme .custom-standard-chip {
  background-color: rgba(228, 41, 0, 0.1) !important;
  color: #E42900 !important;
}
.red-theme .help-dashboard-card .mat-icon {
  color: #E42900;
}
.red-theme .help-dashboard-card:hover {
  background-color: #E42900;
}
.red-theme .help-dashboard-card:hover .mat-icon,
.red-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.red-theme .room-open {
  background-color: #E42900 !important;
  color: white !important;
}
.red-theme .room-open:hover {
  background-color: #E42900 !important;
  color: white !important;
}
.red-theme #public-office-page-groups .public-group-button-hover {
  background-color: #E42900 !important;
  color: white !important;
}
.red-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.red-theme .notification-container .show-tip {
  color: transparent;
}
.red-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.red-theme .notification-container:hover .show-tip {
  color: #E42900;
}
.red-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.red-theme .notification-container .notification-subject .mat-icon {
  color: #E42900;
}
.red-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.red-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.red-theme .message-container .show-tip {
  color: transparent;
}
.red-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.red-theme .message-container:hover .show-tip {
  color: #E42900;
}
.red-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.red-theme .message-container .message-subject .mat-icon {
  color: #E42900;
}
.red-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.red-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.red-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.red-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.red-theme .primary-200-outline input {
  caret-color: #E42900;
  color: #E42900;
}
.red-theme .primary-200-outline label {
  color: #E42900;
}
.red-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #E42900 !important;
}
.red-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #E42900;
}
.red-theme mat-form-field .primary-outline label {
  color: #E42900 !important;
}
.red-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #E42900 !important;
}
.red-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #E42900 !important;
}
.red-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.red-theme .input-primary input {
  caret-color: #E42900;
  color: #E42900;
}
.red-theme .input-primary label {
  color: #E42900;
}
.red-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #E42900 !important;
}
.red-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.red-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #E42900;
  border-width: 1px;
}
.red-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.red-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.red-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.red-theme .boton-recarga {
  background-color: #E42900;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.red-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.red-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.red-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.red-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.red-theme .header-container button {
  padding: 0 !important;
}
.red-theme .header-container .mat-button {
  min-width: unset !important;
}
.red-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.red-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.red-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.red-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.red-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.red-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.red-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.red-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.red-theme .input-recarga-marine {
  border: 1px solid #E42900 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.red-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.red-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.red-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.red-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.red-theme .color-primary {
  color: #E42900 !important;
  fill: #E42900 !important;
}
.red-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.red-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.red-theme .primary-contrast {
  color: #ffffff !important;
}
.red-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #E42900 !important;
}
.red-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #E42900 !important;
}
.red-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.red-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #E42900 !important;
}
.red-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.red-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.red-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.red-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #E42900 !important;
}
.red-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #E42900 !important;
}
.red-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #E42900 !important;
}
.red-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #E42900 !important;
}
.red-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #E42900 !important;
}
.red-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.red-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #E42900 !important;
}
.red-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.red-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #E42900 !important;
}
.red-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.red-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.red-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #E42900 !important;
}
.red-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #E42900 !important;
}
.red-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.red-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #E42900 !important;
}
.red-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #E42900 !important;
}
.red-theme .mat-checkbox-checked .mat-checkbox-background,
.red-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #E42900 !important;
}
.red-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #E42900 !important;
}
.red-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.red-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #E42900 !important;
}
.red-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.red-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #E42900 !important;
}
.red-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #E42900 !important;
}
.red-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #E42900 !important;
}
.red-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.red-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.red-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.red-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.red-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #E42900 !important;
}
.red-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #E42900 !important;
}
.red-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #E42900 !important;
}
.red-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.red-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #E42900 !important;
}
.red-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #E42900 !important;
}
.red-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #E42900 !important;
}
.red-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.red-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.red-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #E42900 !important;
}
.red-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #E42900 !important;
}
.red-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.red-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.red-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #E42900 !important;
}
.red-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.red-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.red-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.red-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #E42900 !important;
}
.red-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.red-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #E42900 !important;
}
.red-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #E42900 !important;
}
.red-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #E42900 !important;
}
.red-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.red-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.red-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.red-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #E42900 !important;
}
.red-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #E42900 !important;
}
.red-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #E42900 !important;
}
.red-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #E42900 !important;
}
.red-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.red-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #E42900 !important;
}
.red-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #E42900 !important;
}
.red-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.red-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #E42900 !important;
}
.red-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #E42900 !important;
}
.red-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.red-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.red-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.red-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #E42900 !important;
}
.red-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #E42900 !important;
}
.red-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.red-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.red-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #E42900 !important;
}
.red-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #E42900 !important;
}
.red-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #E42900 !important;
}
.red-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #E42900 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.red-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #E42900 !important;
}
.red-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #E42900 !important;
}
.red-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #E42900 !important;
}
.red-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #E42900 !important;
}
.red-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #E42900 !important;
}
.red-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.red-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.red-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.red-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.red-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.red-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #E42900 !important;
}
.red-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #E42900 !important;
}
.red-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #E42900 !important;
}
.red-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #E42900 !important;
}
.red-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #E42900 !important;
}
.red-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #E42900 !important;
}
.red-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.red-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #E42900 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.red-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.red-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.red-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.red-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.red-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.red-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #E42900 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.red-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #E42900 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #E42900 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.red-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #E42900 !important;
}
.red-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.red-theme .button-text-hidden {
  display: none;
}
.light-purple-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #7071DB;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #7071DB 87%, transparent);
  --mat-form-field-filled-caret-color: #7071DB;
  --mat-form-field-filled-focus-active-indicator-color: #7071DB;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #7071DB 87%, transparent);
  --mat-form-field-outlined-caret-color: #7071DB;
  --mat-form-field-outlined-focus-outline-color: #7071DB;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #7071DB 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #7071DB;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #7071DB;
  --mat-slide-toggle-selected-handle-color: #7071DB;
  --mat-slide-toggle-selected-hover-state-layer-color: #7071DB;
  --mat-slide-toggle-selected-pressed-state-layer-color: #7071DB;
  --mat-slide-toggle-selected-focus-handle-color: #7071DB;
  --mat-slide-toggle-selected-hover-handle-color: #7071DB;
  --mat-slide-toggle-selected-pressed-handle-color: #7071DB;
  --mat-slide-toggle-selected-focus-track-color: #7071DB;
  --mat-slide-toggle-selected-hover-track-color: #7071DB;
  --mat-slide-toggle-selected-pressed-track-color: #7071DB;
  --mat-slide-toggle-selected-track-color: #7071DB;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #7071DB;
  --mat-slider-focus-handle-color: #7071DB;
  --mat-slider-handle-color: #7071DB;
  --mat-slider-hover-handle-color: #7071DB;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #7071DB 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #7071DB 4%, transparent);
  --mat-slider-inactive-track-color: #7071DB;
  --mat-slider-ripple-color: #7071DB;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #7071DB;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #7071DB;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #7071DB;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #7071DB;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #7071DB 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #7071DB;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #7071DB 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #7071DB 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #7071DB 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #7071DB;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #7071DB;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #7071DB;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #7071DB;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #7071DB;
  --mat-slide-toggle-selected-handle-color: #7071DB;
  --mat-slide-toggle-selected-hover-state-layer-color: #7071DB;
  --mat-slide-toggle-selected-pressed-state-layer-color: #7071DB;
  --mat-slide-toggle-selected-focus-handle-color: #7071DB;
  --mat-slide-toggle-selected-hover-handle-color: #7071DB;
  --mat-slide-toggle-selected-pressed-handle-color: #7071DB;
  --mat-slide-toggle-selected-focus-track-color: #7071DB;
  --mat-slide-toggle-selected-hover-track-color: #7071DB;
  --mat-slide-toggle-selected-pressed-track-color: #7071DB;
  --mat-slide-toggle-selected-track-color: #7071DB;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.light-purple-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.light-purple-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.light-purple-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #7071DB;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #7071DB;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.light-purple-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.light-purple-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.light-purple-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #7071DB;
  --mat-progress-bar-track-color: rgba(112, 113, 219, 0.25);
}
.light-purple-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.light-purple-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.light-purple-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.light-purple-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.light-purple-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.light-purple-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.light-purple-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.light-purple-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.light-purple-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.light-purple-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #7071DB;
  --mat-chip-elevated-disabled-container-color: #7071DB;
  --mat-chip-elevated-selected-container-color: #7071DB;
  --mat-chip-flat-disabled-selected-container-color: #7071DB;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.light-purple-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.light-purple-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.light-purple-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.light-purple-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.light-purple-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.light-purple-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.light-purple-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.light-purple-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.light-purple-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.light-purple-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #7071DB;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #7071DB;
  --mat-radio-selected-hover-icon-color: #7071DB;
  --mat-radio-selected-icon-color: #7071DB;
  --mat-radio-selected-pressed-icon-color: #7071DB;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.light-purple-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.light-purple-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.light-purple-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.light-purple-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.light-purple-theme .mdc-list-item__start,
.light-purple-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #7071DB;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #7071DB;
  --mat-radio-selected-hover-icon-color: #7071DB;
  --mat-radio-selected-icon-color: #7071DB;
  --mat-radio-selected-pressed-icon-color: #7071DB;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.light-purple-theme .mat-accent .mdc-list-item__start,
.light-purple-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.light-purple-theme .mat-warn .mdc-list-item__start,
.light-purple-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.light-purple-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #7071DB;
  --mat-checkbox-selected-hover-icon-color: #7071DB;
  --mat-checkbox-selected-icon-color: #7071DB;
  --mat-checkbox-selected-pressed-icon-color: #7071DB;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #7071DB;
  --mat-checkbox-selected-hover-state-layer-color: #7071DB;
  --mat-checkbox-selected-pressed-state-layer-color: #7071DB;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.light-purple-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.light-purple-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.light-purple-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.light-purple-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.light-purple-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.light-purple-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #7071DB;
}
.light-purple-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.light-purple-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.light-purple-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.light-purple-theme .mdc-list-item__start,
.light-purple-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.light-purple-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.light-purple-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.light-purple-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.light-purple-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.light-purple-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.light-purple-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.light-purple-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.light-purple-theme .mat-mdc-tab-group,
.light-purple-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #7071DB;
  --mat-tab-active-ripple-color: #7071DB;
  --mat-tab-inactive-ripple-color: #7071DB;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #7071DB;
  --mat-tab-active-hover-label-text-color: #7071DB;
  --mat-tab-active-focus-indicator-color: #7071DB;
  --mat-tab-active-hover-indicator-color: #7071DB;
  --mat-tab-active-indicator-color: #7071DB;
}
.light-purple-theme .mat-mdc-tab-group.mat-accent,
.light-purple-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.light-purple-theme .mat-mdc-tab-group.mat-warn,
.light-purple-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.light-purple-theme .mat-mdc-tab-group.mat-background-primary,
.light-purple-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #7071DB;
  --mat-tab-foreground-color: #ffffff;
}
.light-purple-theme .mat-mdc-tab-group.mat-background-accent,
.light-purple-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.light-purple-theme .mat-mdc-tab-group.mat-background-warn,
.light-purple-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.light-purple-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.light-purple-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.light-purple-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #7071DB;
  --mat-checkbox-selected-hover-icon-color: #7071DB;
  --mat-checkbox-selected-icon-color: #7071DB;
  --mat-checkbox-selected-pressed-icon-color: #7071DB;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #7071DB;
  --mat-checkbox-selected-hover-state-layer-color: #7071DB;
  --mat-checkbox-selected-pressed-state-layer-color: #7071DB;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.light-purple-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.light-purple-theme .mat-mdc-button.mat-primary,
.light-purple-theme .mat-mdc-unelevated-button.mat-primary,
.light-purple-theme .mat-mdc-raised-button.mat-primary,
.light-purple-theme .mat-mdc-outlined-button.mat-primary,
.light-purple-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #7071DB;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #7071DB;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #7071DB 12%, transparent);
  --mat-button-outlined-state-layer-color: #7071DB;
  --mat-button-protected-container-color: #7071DB;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #7071DB;
  --mat-button-text-ripple-color: color-mix(in srgb, #7071DB 12%, transparent);
  --mat-button-text-state-layer-color: #7071DB;
  --mat-button-tonal-container-color: #7071DB;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.light-purple-theme .mat-mdc-button.mat-accent,
.light-purple-theme .mat-mdc-unelevated-button.mat-accent,
.light-purple-theme .mat-mdc-raised-button.mat-accent,
.light-purple-theme .mat-mdc-outlined-button.mat-accent,
.light-purple-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.light-purple-theme .mat-mdc-button.mat-warn,
.light-purple-theme .mat-mdc-unelevated-button.mat-warn,
.light-purple-theme .mat-mdc-raised-button.mat-warn,
.light-purple-theme .mat-mdc-outlined-button.mat-warn,
.light-purple-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.light-purple-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #7071DB;
  --mat-icon-button-state-layer-color: #7071DB;
  --mat-icon-button-ripple-color: color-mix(in srgb, #7071DB 12%, transparent);
}
.light-purple-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.light-purple-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.light-purple-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.light-purple-theme .mat-mdc-fab.mat-primary,
.light-purple-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #7071DB;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #7071DB 12%, transparent);
  --mat-fab-small-container-color: #7071DB;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.light-purple-theme .mat-mdc-fab.mat-accent,
.light-purple-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.light-purple-theme .mat-mdc-fab.mat-warn,
.light-purple-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.light-purple-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.light-purple-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.light-purple-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.light-purple-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.light-purple-theme .mat-datepicker-content.mat-accent,
.light-purple-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.light-purple-theme .mat-datepicker-content.mat-warn,
.light-purple-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.light-purple-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.light-purple-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.light-purple-theme .mat-icon.mat-primary {
  --mat-icon-color: #7071DB;
}
.light-purple-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.light-purple-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.light-purple-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.light-purple-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.light-purple-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #7071DB;
  --mat-toolbar-container-text-color: #ffffff;
}
.light-purple-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.light-purple-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.light-purple-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.light-purple-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.light-purple-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.light-purple-theme .back-container {
  color: #7071DB;
}
.light-purple-theme .back-container:hover {
  opacity: 0.54;
}
.light-purple-theme .warn-text {
  color: #e74737;
}
.light-purple-theme .inside-modal-title.primary-colored-title,
.light-purple-theme .form-title.primary-colored-title {
  color: #7071DB;
}
.light-purple-theme .full-height-container form .button-container {
  background: white;
}
.light-purple-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.light-purple-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.light-purple-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.light-purple-theme .box-checkbox.active-box-checkbox {
  background-color: #7071DB;
  color: white;
}
.light-purple-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.light-purple-theme .box-radio.active-box-radio {
  background-color: #7071DB;
  color: white;
}
.light-purple-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.light-purple-theme .error {
  color: #e74737;
}
.light-purple-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.light-purple-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.light-purple-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.light-purple-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.light-purple-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.light-purple-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.light-purple-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.light-purple-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.light-purple-theme .ql-snow .ql-picker-options {
  background: white;
}
.light-purple-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.light-purple-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.light-purple-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.light-purple-theme .ql-snow .ql-fill,
.light-purple-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.light-purple-theme .ql-snow.ql-toolbar button:hover,
.light-purple-theme .ql-snow .ql-toolbar button:hover,
.light-purple-theme .ql-snow.ql-toolbar button:focus,
.light-purple-theme .ql-snow .ql-toolbar button:focus,
.light-purple-theme .ql-snow.ql-toolbar button.ql-active,
.light-purple-theme .ql-snow .ql-toolbar button.ql-active,
.light-purple-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.light-purple-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.light-purple-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.light-purple-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.light-purple-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.light-purple-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.light-purple-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.light-purple-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.light-purple-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.light-purple-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.light-purple-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.light-purple-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.light-purple-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.light-purple-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.light-purple-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.light-purple-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.light-purple-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.light-purple-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.light-purple-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.light-purple-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.light-purple-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.light-purple-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.light-purple-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.light-purple-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.light-purple-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.light-purple-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.light-purple-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.light-purple-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.light-purple-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.light-purple-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.light-purple-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.light-purple-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.light-purple-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.light-purple-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.light-purple-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.light-purple-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.light-purple-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.light-purple-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.light-purple-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.light-purple-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.light-purple-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.light-purple-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.light-purple-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.light-purple-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.light-purple-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.light-purple-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.light-purple-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.light-purple-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.light-purple-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.light-purple-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.light-purple-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.light-purple-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.light-purple-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.light-purple-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.light-purple-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.light-purple-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.light-purple-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.light-purple-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.light-purple-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.light-purple-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.light-purple-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.light-purple-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.light-purple-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.light-purple-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.light-purple-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.light-purple-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.light-purple-theme bee-form-item {
  margin-right: 0 !important;
}
.light-purple-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.light-purple-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #7071DB;
  height: 38px !important;
}
.light-purple-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.light-purple-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.light-purple-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.light-purple-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.light-purple-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.light-purple-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.light-purple-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.light-purple-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.light-purple-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .light-purple-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.light-purple-theme .general-container .label-wrapper label {
  color: #7071DB !important;
  background-color: white;
}
.light-purple-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.light-purple-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.light-purple-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.light-purple-theme .general-container .bee-selector .bee-selector-container {
  border-color: #7071DB !important;
}
.light-purple-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.light-purple-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.light-purple-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.light-purple-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.light-purple-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.light-purple-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.light-purple-theme .general-container .bee-selector .bee-selector-container:focus,
.light-purple-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #7071DB;
}
.light-purple-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.light-purple-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #7071DB;
}
.light-purple-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.light-purple-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #7071DB;
}
.light-purple-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.light-purple-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.light-purple-theme .general-container .bee-dropdown {
  background: white;
}
.light-purple-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #7071DB;
}
.light-purple-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.light-purple-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.light-purple-theme .general-container .selector-error {
  color: #e74737;
}
.light-purple-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.light-purple-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.light-purple-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.light-purple-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.light-purple-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #7071DB;
}
.light-purple-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.light-purple-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.light-purple-theme .move-image-action-container:hover {
  color: #7071DB;
}
.light-purple-theme .info-icon {
  color: #7071DB;
}
.light-purple-theme .email-chip {
  color: #7071DB !important;
  background-color: rgba(112, 113, 219, 0.15) !important;
}
.light-purple-theme .email-chip .mat-chip-remove {
  color: #7071DB !important;
  opacity: 1 !important;
}
.light-purple-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.light-purple-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.light-purple-theme .mat-badge-content {
  color: #7071DB !important;
}
.light-purple-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #7071DB !important;
}
.light-purple-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #7071DB !important;
}
.light-purple-theme #circle-lleno {
  background: #7071DB;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.light-purple-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.light-purple-theme .marine-color {
  color: #0f223e !important;
}
.light-purple-theme .primary-color {
  color: #7071DB !important;
}
.light-purple-theme .gray-color {
  color: #C0C4CA !important;
}
.light-purple-theme .primary-color-200 {
  color: #7071DB !important;
}
.light-purple-theme svg.primary-fill-svg {
  fill: #7071DB !important;
}
.light-purple-theme .primary-fill {
  fill: #7071DB !important;
}
.light-purple-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.light-purple-theme .primary-border-50 {
  border-color: #7071DB !important;
}
.light-purple-theme .primary-border-100 {
  border-color: #7071DB !important;
}
.light-purple-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.light-purple-theme .transparent-border-100 {
  border-color: transparent !important;
}
.light-purple-theme .primary-border-200 {
  border-color: #7071DB !important;
}
.light-purple-theme .primary-indicator .mat-expansion-indicator:after {
  color: #7071DB;
}
.light-purple-theme .contrast-background {
  background-color: #ffffff !important;
}
.light-purple-theme .primary-color-small {
  color: rgba(112, 113, 219, 0.6);
}
.light-purple-theme .marine-background {
  background-color: #0f223e !important;
}
.light-purple-theme .primary-background {
  background-color: #7071DB !important;
}
.light-purple-theme .primary-background-50 {
  background-color: #7071DB !important;
}
.light-purple-theme .primary-background-200 {
  background-color: #7071DB !important;
}
.light-purple-theme .primary-background-800 {
  background-color: #7071DB !important;
}
.light-purple-theme .white-color {
  color: white !important;
}
.light-purple-theme .secondary-color {
  color: #7071DB !important;
}
.light-purple-theme .secondary-background {
  background-color: #7071DB !important;
}
.light-purple-theme .secondary-background-semi {
  background-color: #7071DB !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #7071DB !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.light-purple-theme .secondary-background-full {
  background-color: #7071DB !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #7071DB !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.light-purple-theme .secondary-background-empty {
  background-color: #7071DB !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #7071DB !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.light-purple-theme .secondary-border {
  background-color: #7071DB !important;
}
.light-purple-theme .tertiary-color {
  color: #7071DB !important;
}
.light-purple-theme button.button-tertiary {
  background-color: #7071DB !important;
  color: #7071DB !important;
  border: 1px solid #7071DB !important;
}
.light-purple-theme span.red-text {
  color: #DB1F35 !important;
}
.light-purple-theme .tertiary-background {
  background-color: #7071DB !important;
}
.light-purple-theme .tertiary-border {
  border-color: #7071DB !important;
}
.light-purple-theme .dark-background {
  background-color: black !important;
}
.light-purple-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.light-purple-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.light-purple-theme .primary-soft-background {
  background-color: rgba(112, 113, 219, 0.1) !important;
}
.light-purple-theme .primary-soft-background:hover {
  background-color: rgba(112, 113, 219, 0.15) !important;
}
.light-purple-theme .primary-border {
  border-color: #7071DB !important;
}
.light-purple-theme .default-background {
  background-color: #fafafa !important;
}
.light-purple-theme .hover-primary:hover {
  color: #7071DB !important;
}
.light-purple-theme .hover-primary-background:hover {
  background-color: #7071DB !important;
}
.light-purple-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.light-purple-theme .warn-color {
  color: #e74737 !important;
}
.light-purple-theme .warn-border {
  border-color: #e74737 !important;
}
.light-purple-theme .accent-color {
  color: #fedd93 !important;
}
.light-purple-theme .accent-background {
  background-color: #fedd93 !important;
}
.light-purple-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.light-purple-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.light-purple-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.light-purple-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.light-purple-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.light-purple-theme .dialog-table tr .action-icon {
  color: transparent;
}
.light-purple-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.light-purple-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.light-purple-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #7071DB;
}
.light-purple-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.light-purple-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.light-purple-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.light-purple-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.light-purple-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.light-purple-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.light-purple-theme .card-table tr .action-icon {
  color: transparent;
}
.light-purple-theme .card-table tr .action-icon button {
  color: transparent;
}
.light-purple-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.light-purple-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.light-purple-theme .card-table tr:hover .action-icon button {
  color: #7071DB;
}
.light-purple-theme .card-table tr:hover .action-icon:hover {
  color: #7071DB;
}
.light-purple-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.light-purple-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.light-purple-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.light-purple-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.light-purple-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #7071DB;
}
.light-purple-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.light-purple-theme .no-hover-table tr:hover {
  background: white;
}
.light-purple-theme .custom-standard-chip {
  background-color: rgba(112, 113, 219, 0.1) !important;
  color: #7071DB !important;
}
.light-purple-theme .help-dashboard-card .mat-icon {
  color: #7071DB;
}
.light-purple-theme .help-dashboard-card:hover {
  background-color: #7071DB;
}
.light-purple-theme .help-dashboard-card:hover .mat-icon,
.light-purple-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.light-purple-theme .room-open {
  background-color: #7071DB !important;
  color: white !important;
}
.light-purple-theme .room-open:hover {
  background-color: #7071DB !important;
  color: white !important;
}
.light-purple-theme #public-office-page-groups .public-group-button-hover {
  background-color: #7071DB !important;
  color: white !important;
}
.light-purple-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.light-purple-theme .notification-container .show-tip {
  color: transparent;
}
.light-purple-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.light-purple-theme .notification-container:hover .show-tip {
  color: #7071DB;
}
.light-purple-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.light-purple-theme .notification-container .notification-subject .mat-icon {
  color: #7071DB;
}
.light-purple-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.light-purple-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.light-purple-theme .message-container .show-tip {
  color: transparent;
}
.light-purple-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.light-purple-theme .message-container:hover .show-tip {
  color: #7071DB;
}
.light-purple-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.light-purple-theme .message-container .message-subject .mat-icon {
  color: #7071DB;
}
.light-purple-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.light-purple-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.light-purple-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.light-purple-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.light-purple-theme .primary-200-outline input {
  caret-color: #7071DB;
  color: #7071DB;
}
.light-purple-theme .primary-200-outline label {
  color: #7071DB;
}
.light-purple-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #7071DB !important;
}
.light-purple-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #7071DB;
}
.light-purple-theme mat-form-field .primary-outline label {
  color: #7071DB !important;
}
.light-purple-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #7071DB !important;
}
.light-purple-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #7071DB !important;
}
.light-purple-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.light-purple-theme .input-primary input {
  caret-color: #7071DB;
  color: #7071DB;
}
.light-purple-theme .input-primary label {
  color: #7071DB;
}
.light-purple-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #7071DB !important;
}
.light-purple-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.light-purple-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #7071DB;
  border-width: 1px;
}
.light-purple-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.light-purple-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.light-purple-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.light-purple-theme .boton-recarga {
  background-color: #7071DB;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.light-purple-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.light-purple-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.light-purple-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.light-purple-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.light-purple-theme .header-container button {
  padding: 0 !important;
}
.light-purple-theme .header-container .mat-button {
  min-width: unset !important;
}
.light-purple-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.light-purple-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.light-purple-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.light-purple-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.light-purple-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.light-purple-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.light-purple-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.light-purple-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.light-purple-theme .input-recarga-marine {
  border: 1px solid #7071DB !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.light-purple-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.light-purple-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.light-purple-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.light-purple-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.light-purple-theme .color-primary {
  color: #7071DB !important;
  fill: #7071DB !important;
}
.light-purple-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.light-purple-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.light-purple-theme .primary-contrast {
  color: #ffffff !important;
}
.light-purple-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #7071DB !important;
}
.light-purple-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #7071DB !important;
}
.light-purple-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.light-purple-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #7071DB !important;
}
.light-purple-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.light-purple-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.light-purple-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.light-purple-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #7071DB !important;
}
.light-purple-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #7071DB !important;
}
.light-purple-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #7071DB !important;
}
.light-purple-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #7071DB !important;
}
.light-purple-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #7071DB !important;
}
.light-purple-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.light-purple-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #7071DB !important;
}
.light-purple-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.light-purple-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #7071DB !important;
}
.light-purple-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.light-purple-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.light-purple-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #7071DB !important;
}
.light-purple-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #7071DB !important;
}
.light-purple-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.light-purple-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #7071DB !important;
}
.light-purple-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #7071DB !important;
}
.light-purple-theme .mat-checkbox-checked .mat-checkbox-background,
.light-purple-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #7071DB !important;
}
.light-purple-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #7071DB !important;
}
.light-purple-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.light-purple-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #7071DB !important;
}
.light-purple-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.light-purple-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #7071DB !important;
}
.light-purple-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #7071DB !important;
}
.light-purple-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #7071DB !important;
}
.light-purple-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.light-purple-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.light-purple-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.light-purple-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.light-purple-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #7071DB !important;
}
.light-purple-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #7071DB !important;
}
.light-purple-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #7071DB !important;
}
.light-purple-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.light-purple-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #7071DB !important;
}
.light-purple-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #7071DB !important;
}
.light-purple-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #7071DB !important;
}
.light-purple-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.light-purple-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.light-purple-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #7071DB !important;
}
.light-purple-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #7071DB !important;
}
.light-purple-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.light-purple-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.light-purple-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #7071DB !important;
}
.light-purple-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.light-purple-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.light-purple-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.light-purple-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #7071DB !important;
}
.light-purple-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.light-purple-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #7071DB !important;
}
.light-purple-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #7071DB !important;
}
.light-purple-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #7071DB !important;
}
.light-purple-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.light-purple-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.light-purple-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.light-purple-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #7071DB !important;
}
.light-purple-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #7071DB !important;
}
.light-purple-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #7071DB !important;
}
.light-purple-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #7071DB !important;
}
.light-purple-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.light-purple-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #7071DB !important;
}
.light-purple-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #7071DB !important;
}
.light-purple-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.light-purple-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #7071DB !important;
}
.light-purple-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #7071DB !important;
}
.light-purple-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.light-purple-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.light-purple-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.light-purple-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #7071DB !important;
}
.light-purple-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #7071DB !important;
}
.light-purple-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.light-purple-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.light-purple-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #7071DB !important;
}
.light-purple-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #7071DB !important;
}
.light-purple-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #7071DB !important;
}
.light-purple-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #7071DB !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.light-purple-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #7071DB !important;
}
.light-purple-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #7071DB !important;
}
.light-purple-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #7071DB !important;
}
.light-purple-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #7071DB !important;
}
.light-purple-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #7071DB !important;
}
.light-purple-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.light-purple-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.light-purple-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.light-purple-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.light-purple-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.light-purple-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #7071DB !important;
}
.light-purple-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #7071DB !important;
}
.light-purple-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #7071DB !important;
}
.light-purple-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #7071DB !important;
}
.light-purple-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #7071DB !important;
}
.light-purple-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #7071DB !important;
}
.light-purple-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.light-purple-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #7071DB !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.light-purple-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.light-purple-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.light-purple-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.light-purple-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.light-purple-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.light-purple-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #7071DB !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.light-purple-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #7071DB !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #7071DB !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.light-purple-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #7071DB !important;
}
.light-purple-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.light-purple-theme .button-text-hidden {
  display: none;
}
.light-blue-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #37BCE5;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #37BCE5 87%, transparent);
  --mat-form-field-filled-caret-color: #37BCE5;
  --mat-form-field-filled-focus-active-indicator-color: #37BCE5;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #37BCE5 87%, transparent);
  --mat-form-field-outlined-caret-color: #37BCE5;
  --mat-form-field-outlined-focus-outline-color: #37BCE5;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #37BCE5 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #37BCE5;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #37BCE5;
  --mat-slide-toggle-selected-handle-color: #37BCE5;
  --mat-slide-toggle-selected-hover-state-layer-color: #37BCE5;
  --mat-slide-toggle-selected-pressed-state-layer-color: #37BCE5;
  --mat-slide-toggle-selected-focus-handle-color: #37BCE5;
  --mat-slide-toggle-selected-hover-handle-color: #37BCE5;
  --mat-slide-toggle-selected-pressed-handle-color: #37BCE5;
  --mat-slide-toggle-selected-focus-track-color: #37BCE5;
  --mat-slide-toggle-selected-hover-track-color: #37BCE5;
  --mat-slide-toggle-selected-pressed-track-color: #37BCE5;
  --mat-slide-toggle-selected-track-color: #37BCE5;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #37BCE5;
  --mat-slider-focus-handle-color: #37BCE5;
  --mat-slider-handle-color: #37BCE5;
  --mat-slider-hover-handle-color: #37BCE5;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #37BCE5 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #37BCE5 4%, transparent);
  --mat-slider-inactive-track-color: #37BCE5;
  --mat-slider-ripple-color: #37BCE5;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #37BCE5;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #37BCE5;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #37BCE5;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #37BCE5;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #37BCE5 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #37BCE5;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #37BCE5 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #37BCE5 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #37BCE5 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #37BCE5;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #37BCE5;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #37BCE5;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #37BCE5;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #37BCE5;
  --mat-slide-toggle-selected-handle-color: #37BCE5;
  --mat-slide-toggle-selected-hover-state-layer-color: #37BCE5;
  --mat-slide-toggle-selected-pressed-state-layer-color: #37BCE5;
  --mat-slide-toggle-selected-focus-handle-color: #37BCE5;
  --mat-slide-toggle-selected-hover-handle-color: #37BCE5;
  --mat-slide-toggle-selected-pressed-handle-color: #37BCE5;
  --mat-slide-toggle-selected-focus-track-color: #37BCE5;
  --mat-slide-toggle-selected-hover-track-color: #37BCE5;
  --mat-slide-toggle-selected-pressed-track-color: #37BCE5;
  --mat-slide-toggle-selected-track-color: #37BCE5;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.light-blue-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.light-blue-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.light-blue-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #37BCE5;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #37BCE5;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.light-blue-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.light-blue-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.light-blue-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #37BCE5;
  --mat-progress-bar-track-color: rgba(55, 188, 229, 0.25);
}
.light-blue-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.light-blue-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.light-blue-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.light-blue-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.light-blue-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.light-blue-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.light-blue-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.light-blue-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.light-blue-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.light-blue-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #37BCE5;
  --mat-chip-elevated-disabled-container-color: #37BCE5;
  --mat-chip-elevated-selected-container-color: #37BCE5;
  --mat-chip-flat-disabled-selected-container-color: #37BCE5;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.light-blue-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.light-blue-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.light-blue-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.light-blue-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.light-blue-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.light-blue-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.light-blue-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.light-blue-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.light-blue-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.light-blue-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #37BCE5;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #37BCE5;
  --mat-radio-selected-hover-icon-color: #37BCE5;
  --mat-radio-selected-icon-color: #37BCE5;
  --mat-radio-selected-pressed-icon-color: #37BCE5;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.light-blue-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.light-blue-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.light-blue-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.light-blue-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.light-blue-theme .mdc-list-item__start,
.light-blue-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #37BCE5;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #37BCE5;
  --mat-radio-selected-hover-icon-color: #37BCE5;
  --mat-radio-selected-icon-color: #37BCE5;
  --mat-radio-selected-pressed-icon-color: #37BCE5;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.light-blue-theme .mat-accent .mdc-list-item__start,
.light-blue-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.light-blue-theme .mat-warn .mdc-list-item__start,
.light-blue-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.light-blue-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #37BCE5;
  --mat-checkbox-selected-hover-icon-color: #37BCE5;
  --mat-checkbox-selected-icon-color: #37BCE5;
  --mat-checkbox-selected-pressed-icon-color: #37BCE5;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #37BCE5;
  --mat-checkbox-selected-hover-state-layer-color: #37BCE5;
  --mat-checkbox-selected-pressed-state-layer-color: #37BCE5;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.light-blue-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.light-blue-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.light-blue-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.light-blue-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.light-blue-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.light-blue-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #37BCE5;
}
.light-blue-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.light-blue-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.light-blue-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.light-blue-theme .mdc-list-item__start,
.light-blue-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.light-blue-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.light-blue-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.light-blue-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.light-blue-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.light-blue-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.light-blue-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.light-blue-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.light-blue-theme .mat-mdc-tab-group,
.light-blue-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #37BCE5;
  --mat-tab-active-ripple-color: #37BCE5;
  --mat-tab-inactive-ripple-color: #37BCE5;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #37BCE5;
  --mat-tab-active-hover-label-text-color: #37BCE5;
  --mat-tab-active-focus-indicator-color: #37BCE5;
  --mat-tab-active-hover-indicator-color: #37BCE5;
  --mat-tab-active-indicator-color: #37BCE5;
}
.light-blue-theme .mat-mdc-tab-group.mat-accent,
.light-blue-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.light-blue-theme .mat-mdc-tab-group.mat-warn,
.light-blue-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.light-blue-theme .mat-mdc-tab-group.mat-background-primary,
.light-blue-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #37BCE5;
  --mat-tab-foreground-color: #ffffff;
}
.light-blue-theme .mat-mdc-tab-group.mat-background-accent,
.light-blue-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.light-blue-theme .mat-mdc-tab-group.mat-background-warn,
.light-blue-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.light-blue-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.light-blue-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.light-blue-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #37BCE5;
  --mat-checkbox-selected-hover-icon-color: #37BCE5;
  --mat-checkbox-selected-icon-color: #37BCE5;
  --mat-checkbox-selected-pressed-icon-color: #37BCE5;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #37BCE5;
  --mat-checkbox-selected-hover-state-layer-color: #37BCE5;
  --mat-checkbox-selected-pressed-state-layer-color: #37BCE5;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.light-blue-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.light-blue-theme .mat-mdc-button.mat-primary,
.light-blue-theme .mat-mdc-unelevated-button.mat-primary,
.light-blue-theme .mat-mdc-raised-button.mat-primary,
.light-blue-theme .mat-mdc-outlined-button.mat-primary,
.light-blue-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #37BCE5;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #37BCE5;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #37BCE5 12%, transparent);
  --mat-button-outlined-state-layer-color: #37BCE5;
  --mat-button-protected-container-color: #37BCE5;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #37BCE5;
  --mat-button-text-ripple-color: color-mix(in srgb, #37BCE5 12%, transparent);
  --mat-button-text-state-layer-color: #37BCE5;
  --mat-button-tonal-container-color: #37BCE5;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.light-blue-theme .mat-mdc-button.mat-accent,
.light-blue-theme .mat-mdc-unelevated-button.mat-accent,
.light-blue-theme .mat-mdc-raised-button.mat-accent,
.light-blue-theme .mat-mdc-outlined-button.mat-accent,
.light-blue-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.light-blue-theme .mat-mdc-button.mat-warn,
.light-blue-theme .mat-mdc-unelevated-button.mat-warn,
.light-blue-theme .mat-mdc-raised-button.mat-warn,
.light-blue-theme .mat-mdc-outlined-button.mat-warn,
.light-blue-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.light-blue-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #37BCE5;
  --mat-icon-button-state-layer-color: #37BCE5;
  --mat-icon-button-ripple-color: color-mix(in srgb, #37BCE5 12%, transparent);
}
.light-blue-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.light-blue-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.light-blue-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.light-blue-theme .mat-mdc-fab.mat-primary,
.light-blue-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #37BCE5;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #37BCE5 12%, transparent);
  --mat-fab-small-container-color: #37BCE5;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.light-blue-theme .mat-mdc-fab.mat-accent,
.light-blue-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.light-blue-theme .mat-mdc-fab.mat-warn,
.light-blue-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.light-blue-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.light-blue-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.light-blue-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.light-blue-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.light-blue-theme .mat-datepicker-content.mat-accent,
.light-blue-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.light-blue-theme .mat-datepicker-content.mat-warn,
.light-blue-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.light-blue-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.light-blue-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.light-blue-theme .mat-icon.mat-primary {
  --mat-icon-color: #37BCE5;
}
.light-blue-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.light-blue-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.light-blue-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.light-blue-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.light-blue-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #37BCE5;
  --mat-toolbar-container-text-color: #ffffff;
}
.light-blue-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.light-blue-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.light-blue-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.light-blue-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.light-blue-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.light-blue-theme .back-container {
  color: #37BCE5;
}
.light-blue-theme .back-container:hover {
  opacity: 0.54;
}
.light-blue-theme .warn-text {
  color: #e74737;
}
.light-blue-theme .inside-modal-title.primary-colored-title,
.light-blue-theme .form-title.primary-colored-title {
  color: #37BCE5;
}
.light-blue-theme .full-height-container form .button-container {
  background: white;
}
.light-blue-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.light-blue-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.light-blue-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.light-blue-theme .box-checkbox.active-box-checkbox {
  background-color: #37BCE5;
  color: white;
}
.light-blue-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.light-blue-theme .box-radio.active-box-radio {
  background-color: #37BCE5;
  color: white;
}
.light-blue-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.light-blue-theme .error {
  color: #e74737;
}
.light-blue-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.light-blue-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.light-blue-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.light-blue-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.light-blue-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.light-blue-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.light-blue-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.light-blue-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.light-blue-theme .ql-snow .ql-picker-options {
  background: white;
}
.light-blue-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.light-blue-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.light-blue-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.light-blue-theme .ql-snow .ql-fill,
.light-blue-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.light-blue-theme .ql-snow.ql-toolbar button:hover,
.light-blue-theme .ql-snow .ql-toolbar button:hover,
.light-blue-theme .ql-snow.ql-toolbar button:focus,
.light-blue-theme .ql-snow .ql-toolbar button:focus,
.light-blue-theme .ql-snow.ql-toolbar button.ql-active,
.light-blue-theme .ql-snow .ql-toolbar button.ql-active,
.light-blue-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.light-blue-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.light-blue-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.light-blue-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.light-blue-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.light-blue-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.light-blue-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.light-blue-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.light-blue-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.light-blue-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.light-blue-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.light-blue-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.light-blue-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.light-blue-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.light-blue-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.light-blue-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.light-blue-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.light-blue-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.light-blue-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.light-blue-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.light-blue-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.light-blue-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.light-blue-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.light-blue-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.light-blue-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.light-blue-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.light-blue-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.light-blue-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.light-blue-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.light-blue-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.light-blue-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.light-blue-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.light-blue-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.light-blue-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.light-blue-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.light-blue-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.light-blue-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.light-blue-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.light-blue-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.light-blue-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.light-blue-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.light-blue-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.light-blue-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.light-blue-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.light-blue-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.light-blue-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.light-blue-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.light-blue-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.light-blue-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.light-blue-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.light-blue-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.light-blue-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.light-blue-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.light-blue-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.light-blue-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.light-blue-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.light-blue-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.light-blue-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.light-blue-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.light-blue-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.light-blue-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.light-blue-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.light-blue-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.light-blue-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.light-blue-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.light-blue-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.light-blue-theme bee-form-item {
  margin-right: 0 !important;
}
.light-blue-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.light-blue-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #37BCE5;
  height: 38px !important;
}
.light-blue-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.light-blue-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.light-blue-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.light-blue-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.light-blue-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.light-blue-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.light-blue-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.light-blue-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.light-blue-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .light-blue-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.light-blue-theme .general-container .label-wrapper label {
  color: #37BCE5 !important;
  background-color: white;
}
.light-blue-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.light-blue-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.light-blue-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.light-blue-theme .general-container .bee-selector .bee-selector-container {
  border-color: #37BCE5 !important;
}
.light-blue-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.light-blue-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.light-blue-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.light-blue-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.light-blue-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.light-blue-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.light-blue-theme .general-container .bee-selector .bee-selector-container:focus,
.light-blue-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #37BCE5;
}
.light-blue-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.light-blue-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #37BCE5;
}
.light-blue-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.light-blue-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #37BCE5;
}
.light-blue-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.light-blue-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.light-blue-theme .general-container .bee-dropdown {
  background: white;
}
.light-blue-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #37BCE5;
}
.light-blue-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.light-blue-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.light-blue-theme .general-container .selector-error {
  color: #e74737;
}
.light-blue-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.light-blue-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.light-blue-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.light-blue-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.light-blue-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #37BCE5;
}
.light-blue-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.light-blue-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.light-blue-theme .move-image-action-container:hover {
  color: #37BCE5;
}
.light-blue-theme .info-icon {
  color: #37BCE5;
}
.light-blue-theme .email-chip {
  color: #37BCE5 !important;
  background-color: rgba(55, 188, 229, 0.15) !important;
}
.light-blue-theme .email-chip .mat-chip-remove {
  color: #37BCE5 !important;
  opacity: 1 !important;
}
.light-blue-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.light-blue-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.light-blue-theme .mat-badge-content {
  color: #37BCE5 !important;
}
.light-blue-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #37BCE5 !important;
}
.light-blue-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #37BCE5 !important;
}
.light-blue-theme #circle-lleno {
  background: #37BCE5;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.light-blue-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.light-blue-theme .marine-color {
  color: #0f223e !important;
}
.light-blue-theme .primary-color {
  color: #37BCE5 !important;
}
.light-blue-theme .gray-color {
  color: #C0C4CA !important;
}
.light-blue-theme .primary-color-200 {
  color: #37BCE5 !important;
}
.light-blue-theme svg.primary-fill-svg {
  fill: #37BCE5 !important;
}
.light-blue-theme .primary-fill {
  fill: #37BCE5 !important;
}
.light-blue-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.light-blue-theme .primary-border-50 {
  border-color: #37BCE5 !important;
}
.light-blue-theme .primary-border-100 {
  border-color: #37BCE5 !important;
}
.light-blue-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.light-blue-theme .transparent-border-100 {
  border-color: transparent !important;
}
.light-blue-theme .primary-border-200 {
  border-color: #37BCE5 !important;
}
.light-blue-theme .primary-indicator .mat-expansion-indicator:after {
  color: #37BCE5;
}
.light-blue-theme .contrast-background {
  background-color: #ffffff !important;
}
.light-blue-theme .primary-color-small {
  color: rgba(55, 188, 229, 0.6);
}
.light-blue-theme .marine-background {
  background-color: #0f223e !important;
}
.light-blue-theme .primary-background {
  background-color: #37BCE5 !important;
}
.light-blue-theme .primary-background-50 {
  background-color: #37BCE5 !important;
}
.light-blue-theme .primary-background-200 {
  background-color: #37BCE5 !important;
}
.light-blue-theme .primary-background-800 {
  background-color: #37BCE5 !important;
}
.light-blue-theme .white-color {
  color: white !important;
}
.light-blue-theme .secondary-color {
  color: #37BCE5 !important;
}
.light-blue-theme .secondary-background {
  background-color: #37BCE5 !important;
}
.light-blue-theme .secondary-background-semi {
  background-color: #37BCE5 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #37BCE5 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.light-blue-theme .secondary-background-full {
  background-color: #37BCE5 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #37BCE5 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.light-blue-theme .secondary-background-empty {
  background-color: #37BCE5 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #37BCE5 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.light-blue-theme .secondary-border {
  background-color: #37BCE5 !important;
}
.light-blue-theme .tertiary-color {
  color: #37BCE5 !important;
}
.light-blue-theme button.button-tertiary {
  background-color: #37BCE5 !important;
  color: #37BCE5 !important;
  border: 1px solid #37BCE5 !important;
}
.light-blue-theme span.red-text {
  color: #DB1F35 !important;
}
.light-blue-theme .tertiary-background {
  background-color: #37BCE5 !important;
}
.light-blue-theme .tertiary-border {
  border-color: #37BCE5 !important;
}
.light-blue-theme .dark-background {
  background-color: black !important;
}
.light-blue-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.light-blue-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.light-blue-theme .primary-soft-background {
  background-color: rgba(55, 188, 229, 0.1) !important;
}
.light-blue-theme .primary-soft-background:hover {
  background-color: rgba(55, 188, 229, 0.15) !important;
}
.light-blue-theme .primary-border {
  border-color: #37BCE5 !important;
}
.light-blue-theme .default-background {
  background-color: #fafafa !important;
}
.light-blue-theme .hover-primary:hover {
  color: #37BCE5 !important;
}
.light-blue-theme .hover-primary-background:hover {
  background-color: #37BCE5 !important;
}
.light-blue-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.light-blue-theme .warn-color {
  color: #e74737 !important;
}
.light-blue-theme .warn-border {
  border-color: #e74737 !important;
}
.light-blue-theme .accent-color {
  color: #fedd93 !important;
}
.light-blue-theme .accent-background {
  background-color: #fedd93 !important;
}
.light-blue-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.light-blue-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.light-blue-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.light-blue-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.light-blue-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.light-blue-theme .dialog-table tr .action-icon {
  color: transparent;
}
.light-blue-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.light-blue-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.light-blue-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #37BCE5;
}
.light-blue-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.light-blue-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.light-blue-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.light-blue-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.light-blue-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.light-blue-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.light-blue-theme .card-table tr .action-icon {
  color: transparent;
}
.light-blue-theme .card-table tr .action-icon button {
  color: transparent;
}
.light-blue-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.light-blue-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.light-blue-theme .card-table tr:hover .action-icon button {
  color: #37BCE5;
}
.light-blue-theme .card-table tr:hover .action-icon:hover {
  color: #37BCE5;
}
.light-blue-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.light-blue-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.light-blue-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.light-blue-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.light-blue-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #37BCE5;
}
.light-blue-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.light-blue-theme .no-hover-table tr:hover {
  background: white;
}
.light-blue-theme .custom-standard-chip {
  background-color: rgba(55, 188, 229, 0.1) !important;
  color: #37BCE5 !important;
}
.light-blue-theme .help-dashboard-card .mat-icon {
  color: #37BCE5;
}
.light-blue-theme .help-dashboard-card:hover {
  background-color: #37BCE5;
}
.light-blue-theme .help-dashboard-card:hover .mat-icon,
.light-blue-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.light-blue-theme .room-open {
  background-color: #37BCE5 !important;
  color: white !important;
}
.light-blue-theme .room-open:hover {
  background-color: #37BCE5 !important;
  color: white !important;
}
.light-blue-theme #public-office-page-groups .public-group-button-hover {
  background-color: #37BCE5 !important;
  color: white !important;
}
.light-blue-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.light-blue-theme .notification-container .show-tip {
  color: transparent;
}
.light-blue-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.light-blue-theme .notification-container:hover .show-tip {
  color: #37BCE5;
}
.light-blue-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.light-blue-theme .notification-container .notification-subject .mat-icon {
  color: #37BCE5;
}
.light-blue-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.light-blue-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.light-blue-theme .message-container .show-tip {
  color: transparent;
}
.light-blue-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.light-blue-theme .message-container:hover .show-tip {
  color: #37BCE5;
}
.light-blue-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.light-blue-theme .message-container .message-subject .mat-icon {
  color: #37BCE5;
}
.light-blue-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.light-blue-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.light-blue-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.light-blue-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.light-blue-theme .primary-200-outline input {
  caret-color: #37BCE5;
  color: #37BCE5;
}
.light-blue-theme .primary-200-outline label {
  color: #37BCE5;
}
.light-blue-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #37BCE5 !important;
}
.light-blue-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #37BCE5;
}
.light-blue-theme mat-form-field .primary-outline label {
  color: #37BCE5 !important;
}
.light-blue-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #37BCE5 !important;
}
.light-blue-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #37BCE5 !important;
}
.light-blue-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.light-blue-theme .input-primary input {
  caret-color: #37BCE5;
  color: #37BCE5;
}
.light-blue-theme .input-primary label {
  color: #37BCE5;
}
.light-blue-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #37BCE5 !important;
}
.light-blue-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.light-blue-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #37BCE5;
  border-width: 1px;
}
.light-blue-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.light-blue-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.light-blue-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.light-blue-theme .boton-recarga {
  background-color: #37BCE5;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.light-blue-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.light-blue-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.light-blue-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.light-blue-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.light-blue-theme .header-container button {
  padding: 0 !important;
}
.light-blue-theme .header-container .mat-button {
  min-width: unset !important;
}
.light-blue-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.light-blue-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.light-blue-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.light-blue-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.light-blue-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.light-blue-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.light-blue-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.light-blue-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.light-blue-theme .input-recarga-marine {
  border: 1px solid #37BCE5 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.light-blue-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.light-blue-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.light-blue-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.light-blue-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.light-blue-theme .color-primary {
  color: #37BCE5 !important;
  fill: #37BCE5 !important;
}
.light-blue-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.light-blue-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.light-blue-theme .primary-contrast {
  color: #ffffff !important;
}
.light-blue-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.light-blue-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.light-blue-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.light-blue-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.light-blue-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.light-blue-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.light-blue-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.light-blue-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.light-blue-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.light-blue-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #37BCE5 !important;
}
.light-blue-theme .mat-checkbox-checked .mat-checkbox-background,
.light-blue-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #37BCE5 !important;
}
.light-blue-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.light-blue-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.light-blue-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.light-blue-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.light-blue-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.light-blue-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.light-blue-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.light-blue-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.light-blue-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.light-blue-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #37BCE5 !important;
}
.light-blue-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.light-blue-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.light-blue-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.light-blue-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.light-blue-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.light-blue-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.light-blue-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.light-blue-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.light-blue-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.light-blue-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #37BCE5 !important;
}
.light-blue-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.light-blue-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.light-blue-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.light-blue-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.light-blue-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.light-blue-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.light-blue-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.light-blue-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #37BCE5 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.light-blue-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.light-blue-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.light-blue-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.light-blue-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.light-blue-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.light-blue-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #37BCE5 !important;
}
.light-blue-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.light-blue-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #37BCE5 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.light-blue-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.light-blue-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.light-blue-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.light-blue-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.light-blue-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.light-blue-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #37BCE5 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.light-blue-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #37BCE5 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #37BCE5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.light-blue-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #37BCE5 !important;
}
.light-blue-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.light-blue-theme .button-text-hidden {
  display: none;
}
.purple-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #7502BB;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #7502BB 87%, transparent);
  --mat-form-field-filled-caret-color: #7502BB;
  --mat-form-field-filled-focus-active-indicator-color: #7502BB;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #7502BB 87%, transparent);
  --mat-form-field-outlined-caret-color: #7502BB;
  --mat-form-field-outlined-focus-outline-color: #7502BB;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #7502BB 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #7502BB;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #7502BB;
  --mat-slide-toggle-selected-handle-color: #7502BB;
  --mat-slide-toggle-selected-hover-state-layer-color: #7502BB;
  --mat-slide-toggle-selected-pressed-state-layer-color: #7502BB;
  --mat-slide-toggle-selected-focus-handle-color: #7502BB;
  --mat-slide-toggle-selected-hover-handle-color: #7502BB;
  --mat-slide-toggle-selected-pressed-handle-color: #7502BB;
  --mat-slide-toggle-selected-focus-track-color: #7502BB;
  --mat-slide-toggle-selected-hover-track-color: #7502BB;
  --mat-slide-toggle-selected-pressed-track-color: #7502BB;
  --mat-slide-toggle-selected-track-color: #7502BB;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #7502BB;
  --mat-slider-focus-handle-color: #7502BB;
  --mat-slider-handle-color: #7502BB;
  --mat-slider-hover-handle-color: #7502BB;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #7502BB 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #7502BB 4%, transparent);
  --mat-slider-inactive-track-color: #7502BB;
  --mat-slider-ripple-color: #7502BB;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #7502BB;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #7502BB;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #7502BB;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #7502BB;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #7502BB 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #7502BB;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #7502BB 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #7502BB 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #7502BB 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #7502BB;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #7502BB;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #7502BB;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #7502BB;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #7502BB;
  --mat-slide-toggle-selected-handle-color: #7502BB;
  --mat-slide-toggle-selected-hover-state-layer-color: #7502BB;
  --mat-slide-toggle-selected-pressed-state-layer-color: #7502BB;
  --mat-slide-toggle-selected-focus-handle-color: #7502BB;
  --mat-slide-toggle-selected-hover-handle-color: #7502BB;
  --mat-slide-toggle-selected-pressed-handle-color: #7502BB;
  --mat-slide-toggle-selected-focus-track-color: #7502BB;
  --mat-slide-toggle-selected-hover-track-color: #7502BB;
  --mat-slide-toggle-selected-pressed-track-color: #7502BB;
  --mat-slide-toggle-selected-track-color: #7502BB;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.purple-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.purple-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.purple-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #7502BB;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #7502BB;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.purple-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.purple-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.purple-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #7502BB;
  --mat-progress-bar-track-color: rgba(117, 2, 187, 0.25);
}
.purple-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.purple-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.purple-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.purple-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.purple-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.purple-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.purple-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.purple-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.purple-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.purple-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #7502BB;
  --mat-chip-elevated-disabled-container-color: #7502BB;
  --mat-chip-elevated-selected-container-color: #7502BB;
  --mat-chip-flat-disabled-selected-container-color: #7502BB;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.purple-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.purple-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.purple-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.purple-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.purple-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.purple-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.purple-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.purple-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.purple-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.purple-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #7502BB;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #7502BB;
  --mat-radio-selected-hover-icon-color: #7502BB;
  --mat-radio-selected-icon-color: #7502BB;
  --mat-radio-selected-pressed-icon-color: #7502BB;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.purple-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.purple-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.purple-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.purple-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.purple-theme .mdc-list-item__start,
.purple-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #7502BB;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #7502BB;
  --mat-radio-selected-hover-icon-color: #7502BB;
  --mat-radio-selected-icon-color: #7502BB;
  --mat-radio-selected-pressed-icon-color: #7502BB;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.purple-theme .mat-accent .mdc-list-item__start,
.purple-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.purple-theme .mat-warn .mdc-list-item__start,
.purple-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.purple-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #7502BB;
  --mat-checkbox-selected-hover-icon-color: #7502BB;
  --mat-checkbox-selected-icon-color: #7502BB;
  --mat-checkbox-selected-pressed-icon-color: #7502BB;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #7502BB;
  --mat-checkbox-selected-hover-state-layer-color: #7502BB;
  --mat-checkbox-selected-pressed-state-layer-color: #7502BB;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.purple-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.purple-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.purple-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.purple-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.purple-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.purple-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #7502BB;
}
.purple-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.purple-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.purple-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.purple-theme .mdc-list-item__start,
.purple-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.purple-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.purple-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.purple-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.purple-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.purple-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.purple-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.purple-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.purple-theme .mat-mdc-tab-group,
.purple-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #7502BB;
  --mat-tab-active-ripple-color: #7502BB;
  --mat-tab-inactive-ripple-color: #7502BB;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #7502BB;
  --mat-tab-active-hover-label-text-color: #7502BB;
  --mat-tab-active-focus-indicator-color: #7502BB;
  --mat-tab-active-hover-indicator-color: #7502BB;
  --mat-tab-active-indicator-color: #7502BB;
}
.purple-theme .mat-mdc-tab-group.mat-accent,
.purple-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.purple-theme .mat-mdc-tab-group.mat-warn,
.purple-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.purple-theme .mat-mdc-tab-group.mat-background-primary,
.purple-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #7502BB;
  --mat-tab-foreground-color: #ffffff;
}
.purple-theme .mat-mdc-tab-group.mat-background-accent,
.purple-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.purple-theme .mat-mdc-tab-group.mat-background-warn,
.purple-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.purple-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.purple-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.purple-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #7502BB;
  --mat-checkbox-selected-hover-icon-color: #7502BB;
  --mat-checkbox-selected-icon-color: #7502BB;
  --mat-checkbox-selected-pressed-icon-color: #7502BB;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #7502BB;
  --mat-checkbox-selected-hover-state-layer-color: #7502BB;
  --mat-checkbox-selected-pressed-state-layer-color: #7502BB;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.purple-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.purple-theme .mat-mdc-button.mat-primary,
.purple-theme .mat-mdc-unelevated-button.mat-primary,
.purple-theme .mat-mdc-raised-button.mat-primary,
.purple-theme .mat-mdc-outlined-button.mat-primary,
.purple-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #7502BB;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #7502BB;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #7502BB 12%, transparent);
  --mat-button-outlined-state-layer-color: #7502BB;
  --mat-button-protected-container-color: #7502BB;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #7502BB;
  --mat-button-text-ripple-color: color-mix(in srgb, #7502BB 12%, transparent);
  --mat-button-text-state-layer-color: #7502BB;
  --mat-button-tonal-container-color: #7502BB;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.purple-theme .mat-mdc-button.mat-accent,
.purple-theme .mat-mdc-unelevated-button.mat-accent,
.purple-theme .mat-mdc-raised-button.mat-accent,
.purple-theme .mat-mdc-outlined-button.mat-accent,
.purple-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.purple-theme .mat-mdc-button.mat-warn,
.purple-theme .mat-mdc-unelevated-button.mat-warn,
.purple-theme .mat-mdc-raised-button.mat-warn,
.purple-theme .mat-mdc-outlined-button.mat-warn,
.purple-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.purple-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #7502BB;
  --mat-icon-button-state-layer-color: #7502BB;
  --mat-icon-button-ripple-color: color-mix(in srgb, #7502BB 12%, transparent);
}
.purple-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.purple-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.purple-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.purple-theme .mat-mdc-fab.mat-primary,
.purple-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #7502BB;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #7502BB 12%, transparent);
  --mat-fab-small-container-color: #7502BB;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.purple-theme .mat-mdc-fab.mat-accent,
.purple-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.purple-theme .mat-mdc-fab.mat-warn,
.purple-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.purple-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.purple-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.purple-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.purple-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.purple-theme .mat-datepicker-content.mat-accent,
.purple-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.purple-theme .mat-datepicker-content.mat-warn,
.purple-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.purple-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.purple-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.purple-theme .mat-icon.mat-primary {
  --mat-icon-color: #7502BB;
}
.purple-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.purple-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.purple-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.purple-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.purple-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #7502BB;
  --mat-toolbar-container-text-color: #ffffff;
}
.purple-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.purple-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.purple-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.purple-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.purple-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.purple-theme .back-container {
  color: #7502BB;
}
.purple-theme .back-container:hover {
  opacity: 0.54;
}
.purple-theme .warn-text {
  color: #e74737;
}
.purple-theme .inside-modal-title.primary-colored-title,
.purple-theme .form-title.primary-colored-title {
  color: #7502BB;
}
.purple-theme .full-height-container form .button-container {
  background: white;
}
.purple-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.purple-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.purple-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.purple-theme .box-checkbox.active-box-checkbox {
  background-color: #7502BB;
  color: white;
}
.purple-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.purple-theme .box-radio.active-box-radio {
  background-color: #7502BB;
  color: white;
}
.purple-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.purple-theme .error {
  color: #e74737;
}
.purple-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.purple-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.purple-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.purple-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.purple-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.purple-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.purple-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.purple-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.purple-theme .ql-snow .ql-picker-options {
  background: white;
}
.purple-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.purple-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.purple-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.purple-theme .ql-snow .ql-fill,
.purple-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.purple-theme .ql-snow.ql-toolbar button:hover,
.purple-theme .ql-snow .ql-toolbar button:hover,
.purple-theme .ql-snow.ql-toolbar button:focus,
.purple-theme .ql-snow .ql-toolbar button:focus,
.purple-theme .ql-snow.ql-toolbar button.ql-active,
.purple-theme .ql-snow .ql-toolbar button.ql-active,
.purple-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.purple-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.purple-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.purple-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.purple-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.purple-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.purple-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.purple-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.purple-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.purple-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.purple-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.purple-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.purple-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.purple-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.purple-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.purple-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.purple-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.purple-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.purple-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.purple-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.purple-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.purple-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.purple-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.purple-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.purple-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.purple-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.purple-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.purple-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.purple-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.purple-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.purple-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.purple-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.purple-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.purple-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.purple-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.purple-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.purple-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.purple-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.purple-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.purple-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.purple-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.purple-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.purple-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.purple-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.purple-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.purple-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.purple-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.purple-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.purple-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.purple-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.purple-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.purple-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.purple-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.purple-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.purple-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.purple-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.purple-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.purple-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.purple-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.purple-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.purple-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.purple-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.purple-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.purple-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.purple-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.purple-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.purple-theme bee-form-item {
  margin-right: 0 !important;
}
.purple-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.purple-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #7502BB;
  height: 38px !important;
}
.purple-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.purple-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.purple-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.purple-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.purple-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.purple-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.purple-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.purple-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.purple-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .purple-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.purple-theme .general-container .label-wrapper label {
  color: #7502BB !important;
  background-color: white;
}
.purple-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.purple-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.purple-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.purple-theme .general-container .bee-selector .bee-selector-container {
  border-color: #7502BB !important;
}
.purple-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.purple-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.purple-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.purple-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.purple-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.purple-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.purple-theme .general-container .bee-selector .bee-selector-container:focus,
.purple-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #7502BB;
}
.purple-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.purple-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #7502BB;
}
.purple-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.purple-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #7502BB;
}
.purple-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.purple-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.purple-theme .general-container .bee-dropdown {
  background: white;
}
.purple-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #7502BB;
}
.purple-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.purple-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.purple-theme .general-container .selector-error {
  color: #e74737;
}
.purple-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.purple-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.purple-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.purple-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.purple-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #7502BB;
}
.purple-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.purple-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.purple-theme .move-image-action-container:hover {
  color: #7502BB;
}
.purple-theme .info-icon {
  color: #7502BB;
}
.purple-theme .email-chip {
  color: #7502BB !important;
  background-color: rgba(117, 2, 187, 0.15) !important;
}
.purple-theme .email-chip .mat-chip-remove {
  color: #7502BB !important;
  opacity: 1 !important;
}
.purple-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.purple-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.purple-theme .mat-badge-content {
  color: #7502BB !important;
}
.purple-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #7502BB !important;
}
.purple-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #7502BB !important;
}
.purple-theme #circle-lleno {
  background: #7502BB;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.purple-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.purple-theme .marine-color {
  color: #0f223e !important;
}
.purple-theme .primary-color {
  color: #7502BB !important;
}
.purple-theme .gray-color {
  color: #C0C4CA !important;
}
.purple-theme .primary-color-200 {
  color: #7502BB !important;
}
.purple-theme svg.primary-fill-svg {
  fill: #7502BB !important;
}
.purple-theme .primary-fill {
  fill: #7502BB !important;
}
.purple-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.purple-theme .primary-border-50 {
  border-color: #7502BB !important;
}
.purple-theme .primary-border-100 {
  border-color: #7502BB !important;
}
.purple-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.purple-theme .transparent-border-100 {
  border-color: transparent !important;
}
.purple-theme .primary-border-200 {
  border-color: #7502BB !important;
}
.purple-theme .primary-indicator .mat-expansion-indicator:after {
  color: #7502BB;
}
.purple-theme .contrast-background {
  background-color: #ffffff !important;
}
.purple-theme .primary-color-small {
  color: rgba(117, 2, 187, 0.6);
}
.purple-theme .marine-background {
  background-color: #0f223e !important;
}
.purple-theme .primary-background {
  background-color: #7502BB !important;
}
.purple-theme .primary-background-50 {
  background-color: #7502BB !important;
}
.purple-theme .primary-background-200 {
  background-color: #7502BB !important;
}
.purple-theme .primary-background-800 {
  background-color: #7502BB !important;
}
.purple-theme .white-color {
  color: white !important;
}
.purple-theme .secondary-color {
  color: #7502BB !important;
}
.purple-theme .secondary-background {
  background-color: #7502BB !important;
}
.purple-theme .secondary-background-semi {
  background-color: #7502BB !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #7502BB !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.purple-theme .secondary-background-full {
  background-color: #7502BB !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #7502BB !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.purple-theme .secondary-background-empty {
  background-color: #7502BB !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #7502BB !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.purple-theme .secondary-border {
  background-color: #7502BB !important;
}
.purple-theme .tertiary-color {
  color: #7502BB !important;
}
.purple-theme button.button-tertiary {
  background-color: #7502BB !important;
  color: #7502BB !important;
  border: 1px solid #7502BB !important;
}
.purple-theme span.red-text {
  color: #DB1F35 !important;
}
.purple-theme .tertiary-background {
  background-color: #7502BB !important;
}
.purple-theme .tertiary-border {
  border-color: #7502BB !important;
}
.purple-theme .dark-background {
  background-color: black !important;
}
.purple-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.purple-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.purple-theme .primary-soft-background {
  background-color: rgba(117, 2, 187, 0.1) !important;
}
.purple-theme .primary-soft-background:hover {
  background-color: rgba(117, 2, 187, 0.15) !important;
}
.purple-theme .primary-border {
  border-color: #7502BB !important;
}
.purple-theme .default-background {
  background-color: #fafafa !important;
}
.purple-theme .hover-primary:hover {
  color: #7502BB !important;
}
.purple-theme .hover-primary-background:hover {
  background-color: #7502BB !important;
}
.purple-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.purple-theme .warn-color {
  color: #e74737 !important;
}
.purple-theme .warn-border {
  border-color: #e74737 !important;
}
.purple-theme .accent-color {
  color: #fedd93 !important;
}
.purple-theme .accent-background {
  background-color: #fedd93 !important;
}
.purple-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.purple-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.purple-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.purple-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.purple-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.purple-theme .dialog-table tr .action-icon {
  color: transparent;
}
.purple-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.purple-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.purple-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #7502BB;
}
.purple-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.purple-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.purple-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.purple-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.purple-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.purple-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.purple-theme .card-table tr .action-icon {
  color: transparent;
}
.purple-theme .card-table tr .action-icon button {
  color: transparent;
}
.purple-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.purple-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.purple-theme .card-table tr:hover .action-icon button {
  color: #7502BB;
}
.purple-theme .card-table tr:hover .action-icon:hover {
  color: #7502BB;
}
.purple-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.purple-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.purple-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.purple-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.purple-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #7502BB;
}
.purple-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.purple-theme .no-hover-table tr:hover {
  background: white;
}
.purple-theme .custom-standard-chip {
  background-color: rgba(117, 2, 187, 0.1) !important;
  color: #7502BB !important;
}
.purple-theme .help-dashboard-card .mat-icon {
  color: #7502BB;
}
.purple-theme .help-dashboard-card:hover {
  background-color: #7502BB;
}
.purple-theme .help-dashboard-card:hover .mat-icon,
.purple-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.purple-theme .room-open {
  background-color: #7502BB !important;
  color: white !important;
}
.purple-theme .room-open:hover {
  background-color: #7502BB !important;
  color: white !important;
}
.purple-theme #public-office-page-groups .public-group-button-hover {
  background-color: #7502BB !important;
  color: white !important;
}
.purple-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.purple-theme .notification-container .show-tip {
  color: transparent;
}
.purple-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.purple-theme .notification-container:hover .show-tip {
  color: #7502BB;
}
.purple-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.purple-theme .notification-container .notification-subject .mat-icon {
  color: #7502BB;
}
.purple-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.purple-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.purple-theme .message-container .show-tip {
  color: transparent;
}
.purple-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.purple-theme .message-container:hover .show-tip {
  color: #7502BB;
}
.purple-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.purple-theme .message-container .message-subject .mat-icon {
  color: #7502BB;
}
.purple-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.purple-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.purple-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.purple-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.purple-theme .primary-200-outline input {
  caret-color: #7502BB;
  color: #7502BB;
}
.purple-theme .primary-200-outline label {
  color: #7502BB;
}
.purple-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #7502BB !important;
}
.purple-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #7502BB;
}
.purple-theme mat-form-field .primary-outline label {
  color: #7502BB !important;
}
.purple-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #7502BB !important;
}
.purple-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #7502BB !important;
}
.purple-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.purple-theme .input-primary input {
  caret-color: #7502BB;
  color: #7502BB;
}
.purple-theme .input-primary label {
  color: #7502BB;
}
.purple-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #7502BB !important;
}
.purple-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.purple-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #7502BB;
  border-width: 1px;
}
.purple-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.purple-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.purple-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.purple-theme .boton-recarga {
  background-color: #7502BB;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.purple-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.purple-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.purple-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.purple-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.purple-theme .header-container button {
  padding: 0 !important;
}
.purple-theme .header-container .mat-button {
  min-width: unset !important;
}
.purple-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.purple-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.purple-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.purple-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.purple-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.purple-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.purple-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.purple-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.purple-theme .input-recarga-marine {
  border: 1px solid #7502BB !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.purple-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.purple-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.purple-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.purple-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.purple-theme .color-primary {
  color: #7502BB !important;
  fill: #7502BB !important;
}
.purple-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.purple-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.purple-theme .primary-contrast {
  color: #ffffff !important;
}
.purple-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #7502BB !important;
}
.purple-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #7502BB !important;
}
.purple-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.purple-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #7502BB !important;
}
.purple-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.purple-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.purple-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.purple-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #7502BB !important;
}
.purple-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #7502BB !important;
}
.purple-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #7502BB !important;
}
.purple-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #7502BB !important;
}
.purple-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #7502BB !important;
}
.purple-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.purple-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #7502BB !important;
}
.purple-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.purple-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #7502BB !important;
}
.purple-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.purple-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.purple-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #7502BB !important;
}
.purple-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #7502BB !important;
}
.purple-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.purple-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #7502BB !important;
}
.purple-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #7502BB !important;
}
.purple-theme .mat-checkbox-checked .mat-checkbox-background,
.purple-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #7502BB !important;
}
.purple-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #7502BB !important;
}
.purple-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.purple-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #7502BB !important;
}
.purple-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.purple-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #7502BB !important;
}
.purple-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #7502BB !important;
}
.purple-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #7502BB !important;
}
.purple-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.purple-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.purple-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.purple-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.purple-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #7502BB !important;
}
.purple-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #7502BB !important;
}
.purple-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #7502BB !important;
}
.purple-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.purple-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #7502BB !important;
}
.purple-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #7502BB !important;
}
.purple-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #7502BB !important;
}
.purple-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.purple-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.purple-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #7502BB !important;
}
.purple-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #7502BB !important;
}
.purple-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.purple-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.purple-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #7502BB !important;
}
.purple-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.purple-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.purple-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.purple-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #7502BB !important;
}
.purple-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.purple-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #7502BB !important;
}
.purple-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #7502BB !important;
}
.purple-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #7502BB !important;
}
.purple-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.purple-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.purple-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.purple-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #7502BB !important;
}
.purple-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #7502BB !important;
}
.purple-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #7502BB !important;
}
.purple-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #7502BB !important;
}
.purple-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.purple-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #7502BB !important;
}
.purple-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #7502BB !important;
}
.purple-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.purple-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #7502BB !important;
}
.purple-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #7502BB !important;
}
.purple-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.purple-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.purple-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.purple-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #7502BB !important;
}
.purple-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #7502BB !important;
}
.purple-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.purple-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.purple-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #7502BB !important;
}
.purple-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #7502BB !important;
}
.purple-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #7502BB !important;
}
.purple-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #7502BB !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.purple-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #7502BB !important;
}
.purple-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #7502BB !important;
}
.purple-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #7502BB !important;
}
.purple-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #7502BB !important;
}
.purple-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #7502BB !important;
}
.purple-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.purple-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.purple-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.purple-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.purple-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.purple-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #7502BB !important;
}
.purple-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #7502BB !important;
}
.purple-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #7502BB !important;
}
.purple-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #7502BB !important;
}
.purple-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #7502BB !important;
}
.purple-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #7502BB !important;
}
.purple-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.purple-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #7502BB !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.purple-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.purple-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.purple-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.purple-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.purple-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.purple-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #7502BB !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.purple-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #7502BB !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #7502BB !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.purple-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #7502BB !important;
}
.purple-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.purple-theme .button-text-hidden {
  display: none;
}
.yellow-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #FEC629;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #FEC629 87%, transparent);
  --mat-form-field-filled-caret-color: #FEC629;
  --mat-form-field-filled-focus-active-indicator-color: #FEC629;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #FEC629 87%, transparent);
  --mat-form-field-outlined-caret-color: #FEC629;
  --mat-form-field-outlined-focus-outline-color: #FEC629;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #FEC629 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #FEC629;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #0F223E;
  --mat-slide-toggle-disabled-selected-icon-color: #0F223E;
  --mat-slide-toggle-selected-focus-state-layer-color: #FEC629;
  --mat-slide-toggle-selected-handle-color: #FEC629;
  --mat-slide-toggle-selected-hover-state-layer-color: #FEC629;
  --mat-slide-toggle-selected-pressed-state-layer-color: #FEC629;
  --mat-slide-toggle-selected-focus-handle-color: #FEC629;
  --mat-slide-toggle-selected-hover-handle-color: #FEC629;
  --mat-slide-toggle-selected-pressed-handle-color: #FEC629;
  --mat-slide-toggle-selected-focus-track-color: #FEC629;
  --mat-slide-toggle-selected-hover-track-color: #FEC629;
  --mat-slide-toggle-selected-pressed-track-color: #FEC629;
  --mat-slide-toggle-selected-track-color: #FEC629;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #FEC629;
  --mat-slider-focus-handle-color: #FEC629;
  --mat-slider-handle-color: #FEC629;
  --mat-slider-hover-handle-color: #FEC629;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #FEC629 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #FEC629 4%, transparent);
  --mat-slider-inactive-track-color: #FEC629;
  --mat-slider-ripple-color: #FEC629;
  --mat-slider-with-tick-marks-active-container-color: #0F223E;
  --mat-slider-with-tick-marks-inactive-container-color: #FEC629;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #FEC629;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #FEC629;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #FEC629;
  --mat-badge-text-color: #0F223E;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #FEC629 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #0F223E;
  --mat-datepicker-calendar-date-selected-state-background-color: #FEC629;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #FEC629 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #0F223E;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #FEC629 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #FEC629 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #FEC629;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #0F223E;
  --mat-stepper-header-selected-state-icon-background-color: #FEC629;
  --mat-stepper-header-selected-state-icon-foreground-color: #0F223E;
  --mat-stepper-header-done-state-icon-background-color: #FEC629;
  --mat-stepper-header-done-state-icon-foreground-color: #0F223E;
  --mat-stepper-header-edit-state-icon-background-color: #FEC629;
  --mat-stepper-header-edit-state-icon-foreground-color: #0F223E;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #0F223E;
  --mat-slide-toggle-disabled-selected-icon-color: #0F223E;
  --mat-slide-toggle-selected-focus-state-layer-color: #FEC629;
  --mat-slide-toggle-selected-handle-color: #FEC629;
  --mat-slide-toggle-selected-hover-state-layer-color: #FEC629;
  --mat-slide-toggle-selected-pressed-state-layer-color: #FEC629;
  --mat-slide-toggle-selected-focus-handle-color: #FEC629;
  --mat-slide-toggle-selected-hover-handle-color: #FEC629;
  --mat-slide-toggle-selected-pressed-handle-color: #FEC629;
  --mat-slide-toggle-selected-focus-track-color: #FEC629;
  --mat-slide-toggle-selected-hover-track-color: #FEC629;
  --mat-slide-toggle-selected-pressed-track-color: #FEC629;
  --mat-slide-toggle-selected-track-color: #FEC629;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.yellow-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.yellow-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.yellow-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #FEC629;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #FEC629;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.yellow-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.yellow-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.yellow-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #FEC629;
  --mat-progress-bar-track-color: rgba(254, 198, 41, 0.25);
}
.yellow-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.yellow-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.yellow-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.yellow-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.yellow-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.yellow-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.yellow-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.yellow-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.yellow-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.yellow-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #0F223E;
  --mat-chip-elevated-container-color: #FEC629;
  --mat-chip-elevated-disabled-container-color: #FEC629;
  --mat-chip-elevated-selected-container-color: #FEC629;
  --mat-chip-flat-disabled-selected-container-color: #FEC629;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #0F223E;
  --mat-chip-selected-disabled-trailing-icon-color: #0F223E;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #0F223E;
  --mat-chip-selected-trailing-icon-color: #0F223E;
  --mat-chip-with-icon-disabled-icon-color: #0F223E;
  --mat-chip-with-icon-icon-color: #0F223E;
  --mat-chip-with-icon-selected-icon-color: #0F223E;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #0F223E;
  --mat-chip-with-trailing-icon-trailing-icon-color: #0F223E;
}
.yellow-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.yellow-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.yellow-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.yellow-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.yellow-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.yellow-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.yellow-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.yellow-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.yellow-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.yellow-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #FEC629;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #FEC629;
  --mat-radio-selected-hover-icon-color: #FEC629;
  --mat-radio-selected-icon-color: #FEC629;
  --mat-radio-selected-pressed-icon-color: #FEC629;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.yellow-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.yellow-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.yellow-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.yellow-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.yellow-theme .mdc-list-item__start,
.yellow-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #FEC629;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #FEC629;
  --mat-radio-selected-hover-icon-color: #FEC629;
  --mat-radio-selected-icon-color: #FEC629;
  --mat-radio-selected-pressed-icon-color: #FEC629;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.yellow-theme .mat-accent .mdc-list-item__start,
.yellow-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.yellow-theme .mat-warn .mdc-list-item__start,
.yellow-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.yellow-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #0F223E;
  --mat-checkbox-selected-focus-icon-color: #FEC629;
  --mat-checkbox-selected-hover-icon-color: #FEC629;
  --mat-checkbox-selected-icon-color: #FEC629;
  --mat-checkbox-selected-pressed-icon-color: #FEC629;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #FEC629;
  --mat-checkbox-selected-hover-state-layer-color: #FEC629;
  --mat-checkbox-selected-pressed-state-layer-color: #FEC629;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.yellow-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.yellow-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.yellow-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.yellow-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.yellow-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.yellow-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #FEC629;
}
.yellow-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.yellow-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.yellow-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.yellow-theme .mdc-list-item__start,
.yellow-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.yellow-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.yellow-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.yellow-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.yellow-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.yellow-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.yellow-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.yellow-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.yellow-theme .mat-mdc-tab-group,
.yellow-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #FEC629;
  --mat-tab-active-ripple-color: #FEC629;
  --mat-tab-inactive-ripple-color: #FEC629;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #FEC629;
  --mat-tab-active-hover-label-text-color: #FEC629;
  --mat-tab-active-focus-indicator-color: #FEC629;
  --mat-tab-active-hover-indicator-color: #FEC629;
  --mat-tab-active-indicator-color: #FEC629;
}
.yellow-theme .mat-mdc-tab-group.mat-accent,
.yellow-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.yellow-theme .mat-mdc-tab-group.mat-warn,
.yellow-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.yellow-theme .mat-mdc-tab-group.mat-background-primary,
.yellow-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #FEC629;
  --mat-tab-foreground-color: #0F223E;
}
.yellow-theme .mat-mdc-tab-group.mat-background-accent,
.yellow-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.yellow-theme .mat-mdc-tab-group.mat-background-warn,
.yellow-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.yellow-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.yellow-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.yellow-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #0F223E;
  --mat-checkbox-selected-focus-icon-color: #FEC629;
  --mat-checkbox-selected-hover-icon-color: #FEC629;
  --mat-checkbox-selected-icon-color: #FEC629;
  --mat-checkbox-selected-pressed-icon-color: #FEC629;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #FEC629;
  --mat-checkbox-selected-hover-state-layer-color: #FEC629;
  --mat-checkbox-selected-pressed-state-layer-color: #FEC629;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.yellow-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.yellow-theme .mat-mdc-button.mat-primary,
.yellow-theme .mat-mdc-unelevated-button.mat-primary,
.yellow-theme .mat-mdc-raised-button.mat-primary,
.yellow-theme .mat-mdc-outlined-button.mat-primary,
.yellow-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #FEC629;
  --mat-button-filled-label-text-color: #0F223E;
  --mat-button-filled-ripple-color: color-mix(in srgb, #0F223E 12%, transparent);
  --mat-button-filled-state-layer-color: #0F223E;
  --mat-button-outlined-label-text-color: #FEC629;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #FEC629 12%, transparent);
  --mat-button-outlined-state-layer-color: #FEC629;
  --mat-button-protected-container-color: #FEC629;
  --mat-button-protected-label-text-color: #0F223E;
  --mat-button-protected-ripple-color: color-mix(in srgb, #0F223E 12%, transparent);
  --mat-button-protected-state-layer-color: #0F223E;
  --mat-button-text-label-text-color: #FEC629;
  --mat-button-text-ripple-color: color-mix(in srgb, #FEC629 12%, transparent);
  --mat-button-text-state-layer-color: #FEC629;
  --mat-button-tonal-container-color: #FEC629;
  --mat-button-tonal-label-text-color: #0F223E;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #0F223E 12%, transparent);
  --mat-button-tonal-state-layer-color: #0F223E;
}
.yellow-theme .mat-mdc-button.mat-accent,
.yellow-theme .mat-mdc-unelevated-button.mat-accent,
.yellow-theme .mat-mdc-raised-button.mat-accent,
.yellow-theme .mat-mdc-outlined-button.mat-accent,
.yellow-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.yellow-theme .mat-mdc-button.mat-warn,
.yellow-theme .mat-mdc-unelevated-button.mat-warn,
.yellow-theme .mat-mdc-raised-button.mat-warn,
.yellow-theme .mat-mdc-outlined-button.mat-warn,
.yellow-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.yellow-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #FEC629;
  --mat-icon-button-state-layer-color: #FEC629;
  --mat-icon-button-ripple-color: color-mix(in srgb, #FEC629 12%, transparent);
}
.yellow-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.yellow-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.yellow-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.yellow-theme .mat-mdc-fab.mat-primary,
.yellow-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #FEC629;
  --mat-fab-foreground-color: #0F223E;
  --mat-fab-ripple-color: color-mix(in srgb, #FEC629 12%, transparent);
  --mat-fab-small-container-color: #FEC629;
  --mat-fab-small-foreground-color: #0F223E;
  --mat-fab-small-ripple-color: color-mix(in srgb, #0F223E 12%, transparent);
  --mat-fab-small-state-layer-color: #0F223E;
  --mat-fab-state-layer-color: #0F223E;
}
.yellow-theme .mat-mdc-fab.mat-accent,
.yellow-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.yellow-theme .mat-mdc-fab.mat-warn,
.yellow-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.yellow-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.yellow-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.yellow-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.yellow-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.yellow-theme .mat-datepicker-content.mat-accent,
.yellow-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.yellow-theme .mat-datepicker-content.mat-warn,
.yellow-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.yellow-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.yellow-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.yellow-theme .mat-icon.mat-primary {
  --mat-icon-color: #FEC629;
}
.yellow-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.yellow-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.yellow-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.yellow-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.yellow-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #FEC629;
  --mat-toolbar-container-text-color: #0F223E;
}
.yellow-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.yellow-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.yellow-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.yellow-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.yellow-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.yellow-theme .back-container {
  color: #FEC629;
}
.yellow-theme .back-container:hover {
  opacity: 0.54;
}
.yellow-theme .warn-text {
  color: #e74737;
}
.yellow-theme .inside-modal-title.primary-colored-title,
.yellow-theme .form-title.primary-colored-title {
  color: #FEC629;
}
.yellow-theme .full-height-container form .button-container {
  background: white;
}
.yellow-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.yellow-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.yellow-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.yellow-theme .box-checkbox.active-box-checkbox {
  background-color: #FEC629;
  color: white;
}
.yellow-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.yellow-theme .box-radio.active-box-radio {
  background-color: #FEC629;
  color: white;
}
.yellow-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.yellow-theme .error {
  color: #e74737;
}
.yellow-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.yellow-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.yellow-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.yellow-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.yellow-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.yellow-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.yellow-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.yellow-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.yellow-theme .ql-snow .ql-picker-options {
  background: white;
}
.yellow-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.yellow-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.yellow-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.yellow-theme .ql-snow .ql-fill,
.yellow-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.yellow-theme .ql-snow.ql-toolbar button:hover,
.yellow-theme .ql-snow .ql-toolbar button:hover,
.yellow-theme .ql-snow.ql-toolbar button:focus,
.yellow-theme .ql-snow .ql-toolbar button:focus,
.yellow-theme .ql-snow.ql-toolbar button.ql-active,
.yellow-theme .ql-snow .ql-toolbar button.ql-active,
.yellow-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.yellow-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.yellow-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.yellow-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.yellow-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.yellow-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.yellow-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.yellow-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.yellow-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.yellow-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.yellow-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.yellow-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.yellow-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.yellow-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.yellow-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.yellow-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.yellow-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.yellow-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.yellow-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.yellow-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.yellow-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.yellow-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.yellow-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.yellow-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.yellow-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.yellow-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.yellow-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.yellow-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.yellow-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.yellow-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.yellow-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.yellow-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.yellow-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.yellow-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.yellow-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.yellow-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.yellow-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.yellow-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.yellow-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.yellow-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.yellow-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.yellow-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.yellow-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.yellow-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.yellow-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.yellow-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.yellow-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.yellow-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.yellow-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.yellow-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.yellow-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.yellow-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.yellow-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.yellow-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.yellow-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.yellow-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.yellow-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.yellow-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.yellow-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.yellow-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.yellow-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.yellow-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.yellow-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.yellow-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.yellow-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.yellow-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.yellow-theme bee-form-item {
  margin-right: 0 !important;
}
.yellow-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.yellow-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #FEC629;
  height: 38px !important;
}
.yellow-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.yellow-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.yellow-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.yellow-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.yellow-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.yellow-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.yellow-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.yellow-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.yellow-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .yellow-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.yellow-theme .general-container .label-wrapper label {
  color: #FEC629 !important;
  background-color: white;
}
.yellow-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.yellow-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.yellow-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.yellow-theme .general-container .bee-selector .bee-selector-container {
  border-color: #FEC629 !important;
}
.yellow-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.yellow-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.yellow-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.yellow-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.yellow-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.yellow-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.yellow-theme .general-container .bee-selector .bee-selector-container:focus,
.yellow-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #FEC629;
}
.yellow-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.yellow-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #FEC629;
}
.yellow-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.yellow-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #FEC629;
}
.yellow-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.yellow-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.yellow-theme .general-container .bee-dropdown {
  background: white;
}
.yellow-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #FEC629;
}
.yellow-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.yellow-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.yellow-theme .general-container .selector-error {
  color: #e74737;
}
.yellow-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.yellow-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.yellow-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.yellow-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.yellow-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #FEC629;
}
.yellow-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.yellow-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.yellow-theme .move-image-action-container:hover {
  color: #FEC629;
}
.yellow-theme .info-icon {
  color: #FEC629;
}
.yellow-theme .email-chip {
  color: #FEC629 !important;
  background-color: rgba(254, 198, 41, 0.15) !important;
}
.yellow-theme .email-chip .mat-chip-remove {
  color: #FEC629 !important;
  opacity: 1 !important;
}
.yellow-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.yellow-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.yellow-theme .mat-badge-content {
  color: #FEC629 !important;
}
.yellow-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #FEC629 !important;
}
.yellow-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #FEC629 !important;
}
.yellow-theme #circle-lleno {
  background: #FEC629;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.yellow-theme .primary-contrast-text-color {
  color: #0F223E !important;
}
.yellow-theme .marine-color {
  color: #0f223e !important;
}
.yellow-theme .primary-color {
  color: #FEC629 !important;
}
.yellow-theme .gray-color {
  color: #C0C4CA !important;
}
.yellow-theme .primary-color-200 {
  color: #FEC629 !important;
}
.yellow-theme svg.primary-fill-svg {
  fill: #FEC629 !important;
}
.yellow-theme .primary-fill {
  fill: #FEC629 !important;
}
.yellow-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.yellow-theme .primary-border-50 {
  border-color: #FEC629 !important;
}
.yellow-theme .primary-border-100 {
  border-color: #FEC629 !important;
}
.yellow-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.yellow-theme .transparent-border-100 {
  border-color: transparent !important;
}
.yellow-theme .primary-border-200 {
  border-color: #FEC629 !important;
}
.yellow-theme .primary-indicator .mat-expansion-indicator:after {
  color: #FEC629;
}
.yellow-theme .contrast-background {
  background-color: #0F223E !important;
}
.yellow-theme .primary-color-small {
  color: rgba(254, 198, 41, 0.6);
}
.yellow-theme .marine-background {
  background-color: #0f223e !important;
}
.yellow-theme .primary-background {
  background-color: #FEC629 !important;
}
.yellow-theme .primary-background-50 {
  background-color: #FEC629 !important;
}
.yellow-theme .primary-background-200 {
  background-color: #FEC629 !important;
}
.yellow-theme .primary-background-800 {
  background-color: #FEC629 !important;
}
.yellow-theme .white-color {
  color: white !important;
}
.yellow-theme .secondary-color {
  color: #FEC629 !important;
}
.yellow-theme .secondary-background {
  background-color: #FEC629 !important;
}
.yellow-theme .secondary-background-semi {
  background-color: #FEC629 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #FEC629 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.yellow-theme .secondary-background-full {
  background-color: #FEC629 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #FEC629 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.yellow-theme .secondary-background-empty {
  background-color: #FEC629 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #FEC629 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.yellow-theme .secondary-border {
  background-color: #FEC629 !important;
}
.yellow-theme .tertiary-color {
  color: #FEC629 !important;
}
.yellow-theme button.button-tertiary {
  background-color: #FEC629 !important;
  color: #FEC629 !important;
  border: 1px solid #FEC629 !important;
}
.yellow-theme span.red-text {
  color: #DB1F35 !important;
}
.yellow-theme .tertiary-background {
  background-color: #FEC629 !important;
}
.yellow-theme .tertiary-border {
  border-color: #FEC629 !important;
}
.yellow-theme .dark-background {
  background-color: black !important;
}
.yellow-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.yellow-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.yellow-theme .primary-soft-background {
  background-color: rgba(254, 198, 41, 0.1) !important;
}
.yellow-theme .primary-soft-background:hover {
  background-color: rgba(254, 198, 41, 0.15) !important;
}
.yellow-theme .primary-border {
  border-color: #FEC629 !important;
}
.yellow-theme .default-background {
  background-color: #fafafa !important;
}
.yellow-theme .hover-primary:hover {
  color: #FEC629 !important;
}
.yellow-theme .hover-primary-background:hover {
  background-color: #FEC629 !important;
}
.yellow-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.yellow-theme .warn-color {
  color: #e74737 !important;
}
.yellow-theme .warn-border {
  border-color: #e74737 !important;
}
.yellow-theme .accent-color {
  color: #fedd93 !important;
}
.yellow-theme .accent-background {
  background-color: #fedd93 !important;
}
.yellow-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.yellow-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.yellow-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.yellow-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.yellow-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.yellow-theme .dialog-table tr .action-icon {
  color: transparent;
}
.yellow-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.yellow-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.yellow-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #FEC629;
}
.yellow-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.yellow-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.yellow-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.yellow-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.yellow-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.yellow-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.yellow-theme .card-table tr .action-icon {
  color: transparent;
}
.yellow-theme .card-table tr .action-icon button {
  color: transparent;
}
.yellow-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.yellow-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.yellow-theme .card-table tr:hover .action-icon button {
  color: #FEC629;
}
.yellow-theme .card-table tr:hover .action-icon:hover {
  color: #FEC629;
}
.yellow-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.yellow-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.yellow-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.yellow-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.yellow-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #FEC629;
}
.yellow-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.yellow-theme .no-hover-table tr:hover {
  background: white;
}
.yellow-theme .custom-standard-chip {
  background-color: rgba(254, 198, 41, 0.1) !important;
  color: #FEC629 !important;
}
.yellow-theme .help-dashboard-card .mat-icon {
  color: #FEC629;
}
.yellow-theme .help-dashboard-card:hover {
  background-color: #FEC629;
}
.yellow-theme .help-dashboard-card:hover .mat-icon,
.yellow-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.yellow-theme .room-open {
  background-color: #FEC629 !important;
  color: white !important;
}
.yellow-theme .room-open:hover {
  background-color: #FEC629 !important;
  color: white !important;
}
.yellow-theme #public-office-page-groups .public-group-button-hover {
  background-color: #FEC629 !important;
  color: white !important;
}
.yellow-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.yellow-theme .notification-container .show-tip {
  color: transparent;
}
.yellow-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.yellow-theme .notification-container:hover .show-tip {
  color: #FEC629;
}
.yellow-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.yellow-theme .notification-container .notification-subject .mat-icon {
  color: #FEC629;
}
.yellow-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.yellow-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.yellow-theme .message-container .show-tip {
  color: transparent;
}
.yellow-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.yellow-theme .message-container:hover .show-tip {
  color: #FEC629;
}
.yellow-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.yellow-theme .message-container .message-subject .mat-icon {
  color: #FEC629;
}
.yellow-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.yellow-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.yellow-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.yellow-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.yellow-theme .primary-200-outline input {
  caret-color: #FEC629;
  color: #FEC629;
}
.yellow-theme .primary-200-outline label {
  color: #FEC629;
}
.yellow-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #FEC629 !important;
}
.yellow-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #FEC629;
}
.yellow-theme mat-form-field .primary-outline label {
  color: #FEC629 !important;
}
.yellow-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #FEC629 !important;
}
.yellow-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #FEC629 !important;
}
.yellow-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.yellow-theme .input-primary input {
  caret-color: #FEC629;
  color: #FEC629;
}
.yellow-theme .input-primary label {
  color: #FEC629;
}
.yellow-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #FEC629 !important;
}
.yellow-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.yellow-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #FEC629;
  border-width: 1px;
}
.yellow-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.yellow-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.yellow-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.yellow-theme .boton-recarga {
  background-color: #FEC629;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #0F223E !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.yellow-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.yellow-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #0F223E !important;
}
.yellow-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.yellow-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.yellow-theme .header-container button {
  padding: 0 !important;
}
.yellow-theme .header-container .mat-button {
  min-width: unset !important;
}
.yellow-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.yellow-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.yellow-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.yellow-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.yellow-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.yellow-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.yellow-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.yellow-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.yellow-theme .input-recarga-marine {
  border: 1px solid #FEC629 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.yellow-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.yellow-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.yellow-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.yellow-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.yellow-theme .color-primary {
  color: #FEC629 !important;
  fill: #FEC629 !important;
}
.yellow-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.yellow-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.yellow-theme .primary-contrast {
  color: #0F223E !important;
}
.yellow-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #FEC629 !important;
}
.yellow-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #FEC629 !important;
}
.yellow-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.yellow-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #FEC629 !important;
}
.yellow-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.yellow-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.yellow-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.yellow-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #FEC629 !important;
}
.yellow-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #FEC629 !important;
}
.yellow-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #FEC629 !important;
}
.yellow-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #FEC629 !important;
}
.yellow-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #FEC629 !important;
}
.yellow-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.yellow-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #FEC629 !important;
}
.yellow-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.yellow-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #FEC629 !important;
}
.yellow-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.yellow-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.yellow-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #FEC629 !important;
}
.yellow-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #FEC629 !important;
}
.yellow-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.yellow-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #FEC629 !important;
}
.yellow-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #FEC629 !important;
}
.yellow-theme .mat-checkbox-checked .mat-checkbox-background,
.yellow-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #FEC629 !important;
}
.yellow-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #FEC629 !important;
}
.yellow-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.yellow-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #FEC629 !important;
}
.yellow-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.yellow-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #FEC629 !important;
}
.yellow-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #FEC629 !important;
}
.yellow-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #FEC629 !important;
}
.yellow-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.yellow-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.yellow-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.yellow-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.yellow-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #FEC629 !important;
}
.yellow-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #FEC629 !important;
}
.yellow-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #FEC629 !important;
}
.yellow-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.yellow-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #FEC629 !important;
}
.yellow-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #FEC629 !important;
}
.yellow-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #FEC629 !important;
}
.yellow-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.yellow-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.yellow-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #FEC629 !important;
}
.yellow-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #FEC629 !important;
}
.yellow-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.yellow-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.yellow-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #FEC629 !important;
}
.yellow-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.yellow-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.yellow-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.yellow-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #FEC629 !important;
}
.yellow-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.yellow-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #FEC629 !important;
}
.yellow-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #FEC629 !important;
}
.yellow-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #FEC629 !important;
}
.yellow-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.yellow-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.yellow-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.yellow-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #FEC629 !important;
}
.yellow-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #FEC629 !important;
}
.yellow-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #FEC629 !important;
}
.yellow-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #FEC629 !important;
}
.yellow-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.yellow-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FEC629 !important;
}
.yellow-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FEC629 !important;
}
.yellow-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.yellow-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #FEC629 !important;
}
.yellow-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #FEC629 !important;
}
.yellow-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.yellow-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.yellow-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.yellow-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #FEC629 !important;
}
.yellow-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FEC629 !important;
}
.yellow-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.yellow-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.yellow-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #FEC629 !important;
}
.yellow-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #FEC629 !important;
}
.yellow-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FEC629 !important;
}
.yellow-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #FEC629 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.yellow-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #FEC629 !important;
}
.yellow-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #FEC629 !important;
}
.yellow-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #FEC629 !important;
}
.yellow-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #FEC629 !important;
}
.yellow-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #FEC629 !important;
}
.yellow-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.yellow-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.yellow-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.yellow-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.yellow-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.yellow-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #FEC629 !important;
}
.yellow-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #FEC629 !important;
}
.yellow-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #FEC629 !important;
}
.yellow-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #FEC629 !important;
}
.yellow-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #FEC629 !important;
}
.yellow-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #FEC629 !important;
}
.yellow-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.yellow-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #0F223E;
  background-color: #FEC629 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.yellow-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.yellow-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.yellow-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.yellow-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.yellow-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.yellow-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #FEC629 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.yellow-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #FEC629 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #FEC629 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.yellow-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #FEC629 !important;
}
.yellow-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.yellow-theme .button-text-hidden {
  display: none;
}
.pink-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #D81B60;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #D81B60 87%, transparent);
  --mat-form-field-filled-caret-color: #D81B60;
  --mat-form-field-filled-focus-active-indicator-color: #D81B60;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #D81B60 87%, transparent);
  --mat-form-field-outlined-caret-color: #D81B60;
  --mat-form-field-outlined-focus-outline-color: #D81B60;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #D81B60 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #D81B60;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #D81B60;
  --mat-slide-toggle-selected-handle-color: #D81B60;
  --mat-slide-toggle-selected-hover-state-layer-color: #D81B60;
  --mat-slide-toggle-selected-pressed-state-layer-color: #D81B60;
  --mat-slide-toggle-selected-focus-handle-color: #D81B60;
  --mat-slide-toggle-selected-hover-handle-color: #D81B60;
  --mat-slide-toggle-selected-pressed-handle-color: #D81B60;
  --mat-slide-toggle-selected-focus-track-color: #D81B60;
  --mat-slide-toggle-selected-hover-track-color: #D81B60;
  --mat-slide-toggle-selected-pressed-track-color: #D81B60;
  --mat-slide-toggle-selected-track-color: #D81B60;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #D81B60;
  --mat-slider-focus-handle-color: #D81B60;
  --mat-slider-handle-color: #D81B60;
  --mat-slider-hover-handle-color: #D81B60;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #D81B60 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #D81B60 4%, transparent);
  --mat-slider-inactive-track-color: #D81B60;
  --mat-slider-ripple-color: #D81B60;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #D81B60;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #D81B60;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #D81B60;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #D81B60;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #D81B60 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #D81B60;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #D81B60 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #D81B60 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #D81B60 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #D81B60;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #D81B60;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #D81B60;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #D81B60;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #D81B60;
  --mat-slide-toggle-selected-handle-color: #D81B60;
  --mat-slide-toggle-selected-hover-state-layer-color: #D81B60;
  --mat-slide-toggle-selected-pressed-state-layer-color: #D81B60;
  --mat-slide-toggle-selected-focus-handle-color: #D81B60;
  --mat-slide-toggle-selected-hover-handle-color: #D81B60;
  --mat-slide-toggle-selected-pressed-handle-color: #D81B60;
  --mat-slide-toggle-selected-focus-track-color: #D81B60;
  --mat-slide-toggle-selected-hover-track-color: #D81B60;
  --mat-slide-toggle-selected-pressed-track-color: #D81B60;
  --mat-slide-toggle-selected-track-color: #D81B60;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.pink-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.pink-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.pink-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #D81B60;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #D81B60;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.pink-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.pink-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.pink-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #D81B60;
  --mat-progress-bar-track-color: rgba(216, 27, 96, 0.25);
}
.pink-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.pink-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.pink-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.pink-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.pink-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.pink-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.pink-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.pink-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.pink-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.pink-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #D81B60;
  --mat-chip-elevated-disabled-container-color: #D81B60;
  --mat-chip-elevated-selected-container-color: #D81B60;
  --mat-chip-flat-disabled-selected-container-color: #D81B60;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.pink-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.pink-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.pink-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.pink-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.pink-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.pink-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.pink-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.pink-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.pink-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.pink-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #D81B60;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #D81B60;
  --mat-radio-selected-hover-icon-color: #D81B60;
  --mat-radio-selected-icon-color: #D81B60;
  --mat-radio-selected-pressed-icon-color: #D81B60;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.pink-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.pink-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.pink-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.pink-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.pink-theme .mdc-list-item__start,
.pink-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #D81B60;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #D81B60;
  --mat-radio-selected-hover-icon-color: #D81B60;
  --mat-radio-selected-icon-color: #D81B60;
  --mat-radio-selected-pressed-icon-color: #D81B60;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.pink-theme .mat-accent .mdc-list-item__start,
.pink-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.pink-theme .mat-warn .mdc-list-item__start,
.pink-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.pink-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #D81B60;
  --mat-checkbox-selected-hover-icon-color: #D81B60;
  --mat-checkbox-selected-icon-color: #D81B60;
  --mat-checkbox-selected-pressed-icon-color: #D81B60;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #D81B60;
  --mat-checkbox-selected-hover-state-layer-color: #D81B60;
  --mat-checkbox-selected-pressed-state-layer-color: #D81B60;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.pink-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.pink-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.pink-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.pink-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.pink-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.pink-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #D81B60;
}
.pink-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.pink-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.pink-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.pink-theme .mdc-list-item__start,
.pink-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.pink-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.pink-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.pink-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.pink-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.pink-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.pink-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.pink-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.pink-theme .mat-mdc-tab-group,
.pink-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #D81B60;
  --mat-tab-active-ripple-color: #D81B60;
  --mat-tab-inactive-ripple-color: #D81B60;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #D81B60;
  --mat-tab-active-hover-label-text-color: #D81B60;
  --mat-tab-active-focus-indicator-color: #D81B60;
  --mat-tab-active-hover-indicator-color: #D81B60;
  --mat-tab-active-indicator-color: #D81B60;
}
.pink-theme .mat-mdc-tab-group.mat-accent,
.pink-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.pink-theme .mat-mdc-tab-group.mat-warn,
.pink-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.pink-theme .mat-mdc-tab-group.mat-background-primary,
.pink-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #D81B60;
  --mat-tab-foreground-color: #ffffff;
}
.pink-theme .mat-mdc-tab-group.mat-background-accent,
.pink-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.pink-theme .mat-mdc-tab-group.mat-background-warn,
.pink-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.pink-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.pink-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.pink-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #D81B60;
  --mat-checkbox-selected-hover-icon-color: #D81B60;
  --mat-checkbox-selected-icon-color: #D81B60;
  --mat-checkbox-selected-pressed-icon-color: #D81B60;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #D81B60;
  --mat-checkbox-selected-hover-state-layer-color: #D81B60;
  --mat-checkbox-selected-pressed-state-layer-color: #D81B60;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.pink-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.pink-theme .mat-mdc-button.mat-primary,
.pink-theme .mat-mdc-unelevated-button.mat-primary,
.pink-theme .mat-mdc-raised-button.mat-primary,
.pink-theme .mat-mdc-outlined-button.mat-primary,
.pink-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #D81B60;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #D81B60;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #D81B60 12%, transparent);
  --mat-button-outlined-state-layer-color: #D81B60;
  --mat-button-protected-container-color: #D81B60;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #D81B60;
  --mat-button-text-ripple-color: color-mix(in srgb, #D81B60 12%, transparent);
  --mat-button-text-state-layer-color: #D81B60;
  --mat-button-tonal-container-color: #D81B60;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.pink-theme .mat-mdc-button.mat-accent,
.pink-theme .mat-mdc-unelevated-button.mat-accent,
.pink-theme .mat-mdc-raised-button.mat-accent,
.pink-theme .mat-mdc-outlined-button.mat-accent,
.pink-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.pink-theme .mat-mdc-button.mat-warn,
.pink-theme .mat-mdc-unelevated-button.mat-warn,
.pink-theme .mat-mdc-raised-button.mat-warn,
.pink-theme .mat-mdc-outlined-button.mat-warn,
.pink-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.pink-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #D81B60;
  --mat-icon-button-state-layer-color: #D81B60;
  --mat-icon-button-ripple-color: color-mix(in srgb, #D81B60 12%, transparent);
}
.pink-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.pink-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.pink-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.pink-theme .mat-mdc-fab.mat-primary,
.pink-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #D81B60;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #D81B60 12%, transparent);
  --mat-fab-small-container-color: #D81B60;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.pink-theme .mat-mdc-fab.mat-accent,
.pink-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.pink-theme .mat-mdc-fab.mat-warn,
.pink-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.pink-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.pink-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.pink-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.pink-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.pink-theme .mat-datepicker-content.mat-accent,
.pink-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.pink-theme .mat-datepicker-content.mat-warn,
.pink-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.pink-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.pink-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.pink-theme .mat-icon.mat-primary {
  --mat-icon-color: #D81B60;
}
.pink-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.pink-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.pink-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.pink-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.pink-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #D81B60;
  --mat-toolbar-container-text-color: #ffffff;
}
.pink-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.pink-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.pink-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.pink-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.pink-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.pink-theme .back-container {
  color: #D81B60;
}
.pink-theme .back-container:hover {
  opacity: 0.54;
}
.pink-theme .warn-text {
  color: #e74737;
}
.pink-theme .inside-modal-title.primary-colored-title,
.pink-theme .form-title.primary-colored-title {
  color: #D81B60;
}
.pink-theme .full-height-container form .button-container {
  background: white;
}
.pink-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.pink-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.pink-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.pink-theme .box-checkbox.active-box-checkbox {
  background-color: #D81B60;
  color: white;
}
.pink-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.pink-theme .box-radio.active-box-radio {
  background-color: #D81B60;
  color: white;
}
.pink-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.pink-theme .error {
  color: #e74737;
}
.pink-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.pink-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.pink-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.pink-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.pink-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.pink-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.pink-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.pink-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.pink-theme .ql-snow .ql-picker-options {
  background: white;
}
.pink-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.pink-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.pink-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.pink-theme .ql-snow .ql-fill,
.pink-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.pink-theme .ql-snow.ql-toolbar button:hover,
.pink-theme .ql-snow .ql-toolbar button:hover,
.pink-theme .ql-snow.ql-toolbar button:focus,
.pink-theme .ql-snow .ql-toolbar button:focus,
.pink-theme .ql-snow.ql-toolbar button.ql-active,
.pink-theme .ql-snow .ql-toolbar button.ql-active,
.pink-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.pink-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.pink-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.pink-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.pink-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.pink-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.pink-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.pink-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.pink-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.pink-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.pink-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.pink-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.pink-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.pink-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.pink-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.pink-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.pink-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.pink-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.pink-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.pink-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.pink-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.pink-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.pink-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.pink-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.pink-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.pink-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.pink-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.pink-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.pink-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.pink-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.pink-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.pink-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.pink-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.pink-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.pink-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.pink-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.pink-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.pink-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.pink-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.pink-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.pink-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.pink-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.pink-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.pink-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.pink-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.pink-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.pink-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.pink-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.pink-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.pink-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.pink-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.pink-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.pink-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.pink-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.pink-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.pink-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.pink-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.pink-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.pink-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.pink-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.pink-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.pink-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.pink-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.pink-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.pink-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.pink-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.pink-theme bee-form-item {
  margin-right: 0 !important;
}
.pink-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.pink-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #D81B60;
  height: 38px !important;
}
.pink-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.pink-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.pink-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.pink-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.pink-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.pink-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.pink-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.pink-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.pink-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .pink-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.pink-theme .general-container .label-wrapper label {
  color: #D81B60 !important;
  background-color: white;
}
.pink-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.pink-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.pink-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.pink-theme .general-container .bee-selector .bee-selector-container {
  border-color: #D81B60 !important;
}
.pink-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.pink-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.pink-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.pink-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.pink-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.pink-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.pink-theme .general-container .bee-selector .bee-selector-container:focus,
.pink-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #D81B60;
}
.pink-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.pink-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #D81B60;
}
.pink-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.pink-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #D81B60;
}
.pink-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.pink-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.pink-theme .general-container .bee-dropdown {
  background: white;
}
.pink-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #D81B60;
}
.pink-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.pink-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.pink-theme .general-container .selector-error {
  color: #e74737;
}
.pink-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.pink-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.pink-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.pink-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.pink-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #D81B60;
}
.pink-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.pink-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.pink-theme .move-image-action-container:hover {
  color: #D81B60;
}
.pink-theme .info-icon {
  color: #D81B60;
}
.pink-theme .email-chip {
  color: #D81B60 !important;
  background-color: rgba(216, 27, 96, 0.15) !important;
}
.pink-theme .email-chip .mat-chip-remove {
  color: #D81B60 !important;
  opacity: 1 !important;
}
.pink-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.pink-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.pink-theme .mat-badge-content {
  color: #D81B60 !important;
}
.pink-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #D81B60 !important;
}
.pink-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #D81B60 !important;
}
.pink-theme #circle-lleno {
  background: #D81B60;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.pink-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.pink-theme .marine-color {
  color: #0f223e !important;
}
.pink-theme .primary-color {
  color: #D81B60 !important;
}
.pink-theme .gray-color {
  color: #C0C4CA !important;
}
.pink-theme .primary-color-200 {
  color: #D81B60 !important;
}
.pink-theme svg.primary-fill-svg {
  fill: #D81B60 !important;
}
.pink-theme .primary-fill {
  fill: #D81B60 !important;
}
.pink-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.pink-theme .primary-border-50 {
  border-color: #D81B60 !important;
}
.pink-theme .primary-border-100 {
  border-color: #D81B60 !important;
}
.pink-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.pink-theme .transparent-border-100 {
  border-color: transparent !important;
}
.pink-theme .primary-border-200 {
  border-color: #D81B60 !important;
}
.pink-theme .primary-indicator .mat-expansion-indicator:after {
  color: #D81B60;
}
.pink-theme .contrast-background {
  background-color: #ffffff !important;
}
.pink-theme .primary-color-small {
  color: rgba(216, 27, 96, 0.6);
}
.pink-theme .marine-background {
  background-color: #0f223e !important;
}
.pink-theme .primary-background {
  background-color: #D81B60 !important;
}
.pink-theme .primary-background-50 {
  background-color: #D81B60 !important;
}
.pink-theme .primary-background-200 {
  background-color: #D81B60 !important;
}
.pink-theme .primary-background-800 {
  background-color: #D81B60 !important;
}
.pink-theme .white-color {
  color: white !important;
}
.pink-theme .secondary-color {
  color: #D81B60 !important;
}
.pink-theme .secondary-background {
  background-color: #D81B60 !important;
}
.pink-theme .secondary-background-semi {
  background-color: #D81B60 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #D81B60 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.pink-theme .secondary-background-full {
  background-color: #D81B60 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #D81B60 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.pink-theme .secondary-background-empty {
  background-color: #D81B60 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #D81B60 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.pink-theme .secondary-border {
  background-color: #D81B60 !important;
}
.pink-theme .tertiary-color {
  color: #D81B60 !important;
}
.pink-theme button.button-tertiary {
  background-color: #D81B60 !important;
  color: #D81B60 !important;
  border: 1px solid #D81B60 !important;
}
.pink-theme span.red-text {
  color: #DB1F35 !important;
}
.pink-theme .tertiary-background {
  background-color: #D81B60 !important;
}
.pink-theme .tertiary-border {
  border-color: #D81B60 !important;
}
.pink-theme .dark-background {
  background-color: black !important;
}
.pink-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.pink-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.pink-theme .primary-soft-background {
  background-color: rgba(216, 27, 96, 0.1) !important;
}
.pink-theme .primary-soft-background:hover {
  background-color: rgba(216, 27, 96, 0.15) !important;
}
.pink-theme .primary-border {
  border-color: #D81B60 !important;
}
.pink-theme .default-background {
  background-color: #fafafa !important;
}
.pink-theme .hover-primary:hover {
  color: #D81B60 !important;
}
.pink-theme .hover-primary-background:hover {
  background-color: #D81B60 !important;
}
.pink-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.pink-theme .warn-color {
  color: #e74737 !important;
}
.pink-theme .warn-border {
  border-color: #e74737 !important;
}
.pink-theme .accent-color {
  color: #fedd93 !important;
}
.pink-theme .accent-background {
  background-color: #fedd93 !important;
}
.pink-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.pink-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.pink-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.pink-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.pink-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.pink-theme .dialog-table tr .action-icon {
  color: transparent;
}
.pink-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.pink-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.pink-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #D81B60;
}
.pink-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.pink-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.pink-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.pink-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.pink-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.pink-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.pink-theme .card-table tr .action-icon {
  color: transparent;
}
.pink-theme .card-table tr .action-icon button {
  color: transparent;
}
.pink-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.pink-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.pink-theme .card-table tr:hover .action-icon button {
  color: #D81B60;
}
.pink-theme .card-table tr:hover .action-icon:hover {
  color: #D81B60;
}
.pink-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.pink-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.pink-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.pink-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.pink-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #D81B60;
}
.pink-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.pink-theme .no-hover-table tr:hover {
  background: white;
}
.pink-theme .custom-standard-chip {
  background-color: rgba(216, 27, 96, 0.1) !important;
  color: #D81B60 !important;
}
.pink-theme .help-dashboard-card .mat-icon {
  color: #D81B60;
}
.pink-theme .help-dashboard-card:hover {
  background-color: #D81B60;
}
.pink-theme .help-dashboard-card:hover .mat-icon,
.pink-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.pink-theme .room-open {
  background-color: #D81B60 !important;
  color: white !important;
}
.pink-theme .room-open:hover {
  background-color: #D81B60 !important;
  color: white !important;
}
.pink-theme #public-office-page-groups .public-group-button-hover {
  background-color: #D81B60 !important;
  color: white !important;
}
.pink-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.pink-theme .notification-container .show-tip {
  color: transparent;
}
.pink-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.pink-theme .notification-container:hover .show-tip {
  color: #D81B60;
}
.pink-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.pink-theme .notification-container .notification-subject .mat-icon {
  color: #D81B60;
}
.pink-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.pink-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.pink-theme .message-container .show-tip {
  color: transparent;
}
.pink-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.pink-theme .message-container:hover .show-tip {
  color: #D81B60;
}
.pink-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.pink-theme .message-container .message-subject .mat-icon {
  color: #D81B60;
}
.pink-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.pink-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.pink-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.pink-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.pink-theme .primary-200-outline input {
  caret-color: #D81B60;
  color: #D81B60;
}
.pink-theme .primary-200-outline label {
  color: #D81B60;
}
.pink-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #D81B60 !important;
}
.pink-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #D81B60;
}
.pink-theme mat-form-field .primary-outline label {
  color: #D81B60 !important;
}
.pink-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #D81B60 !important;
}
.pink-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #D81B60 !important;
}
.pink-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.pink-theme .input-primary input {
  caret-color: #D81B60;
  color: #D81B60;
}
.pink-theme .input-primary label {
  color: #D81B60;
}
.pink-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #D81B60 !important;
}
.pink-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.pink-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #D81B60;
  border-width: 1px;
}
.pink-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.pink-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.pink-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.pink-theme .boton-recarga {
  background-color: #D81B60;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.pink-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.pink-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.pink-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.pink-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.pink-theme .header-container button {
  padding: 0 !important;
}
.pink-theme .header-container .mat-button {
  min-width: unset !important;
}
.pink-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.pink-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pink-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.pink-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.pink-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.pink-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.pink-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.pink-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.pink-theme .input-recarga-marine {
  border: 1px solid #D81B60 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.pink-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.pink-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.pink-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.pink-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.pink-theme .color-primary {
  color: #D81B60 !important;
  fill: #D81B60 !important;
}
.pink-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.pink-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.pink-theme .primary-contrast {
  color: #ffffff !important;
}
.pink-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #D81B60 !important;
}
.pink-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #D81B60 !important;
}
.pink-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.pink-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #D81B60 !important;
}
.pink-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.pink-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.pink-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.pink-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #D81B60 !important;
}
.pink-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #D81B60 !important;
}
.pink-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #D81B60 !important;
}
.pink-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #D81B60 !important;
}
.pink-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #D81B60 !important;
}
.pink-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.pink-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #D81B60 !important;
}
.pink-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.pink-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #D81B60 !important;
}
.pink-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.pink-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.pink-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #D81B60 !important;
}
.pink-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #D81B60 !important;
}
.pink-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.pink-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #D81B60 !important;
}
.pink-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #D81B60 !important;
}
.pink-theme .mat-checkbox-checked .mat-checkbox-background,
.pink-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #D81B60 !important;
}
.pink-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #D81B60 !important;
}
.pink-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.pink-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #D81B60 !important;
}
.pink-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.pink-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #D81B60 !important;
}
.pink-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #D81B60 !important;
}
.pink-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #D81B60 !important;
}
.pink-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.pink-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.pink-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.pink-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.pink-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #D81B60 !important;
}
.pink-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #D81B60 !important;
}
.pink-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #D81B60 !important;
}
.pink-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.pink-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #D81B60 !important;
}
.pink-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #D81B60 !important;
}
.pink-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #D81B60 !important;
}
.pink-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.pink-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.pink-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #D81B60 !important;
}
.pink-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #D81B60 !important;
}
.pink-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.pink-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.pink-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #D81B60 !important;
}
.pink-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.pink-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.pink-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.pink-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #D81B60 !important;
}
.pink-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.pink-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #D81B60 !important;
}
.pink-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #D81B60 !important;
}
.pink-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #D81B60 !important;
}
.pink-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.pink-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.pink-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.pink-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #D81B60 !important;
}
.pink-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #D81B60 !important;
}
.pink-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #D81B60 !important;
}
.pink-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #D81B60 !important;
}
.pink-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.pink-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #D81B60 !important;
}
.pink-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #D81B60 !important;
}
.pink-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.pink-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #D81B60 !important;
}
.pink-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #D81B60 !important;
}
.pink-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.pink-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.pink-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.pink-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #D81B60 !important;
}
.pink-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #D81B60 !important;
}
.pink-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.pink-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.pink-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #D81B60 !important;
}
.pink-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #D81B60 !important;
}
.pink-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #D81B60 !important;
}
.pink-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #D81B60 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.pink-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #D81B60 !important;
}
.pink-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #D81B60 !important;
}
.pink-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #D81B60 !important;
}
.pink-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #D81B60 !important;
}
.pink-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #D81B60 !important;
}
.pink-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.pink-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.pink-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.pink-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.pink-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.pink-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #D81B60 !important;
}
.pink-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #D81B60 !important;
}
.pink-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #D81B60 !important;
}
.pink-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #D81B60 !important;
}
.pink-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #D81B60 !important;
}
.pink-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #D81B60 !important;
}
.pink-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.pink-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #D81B60 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.pink-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.pink-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.pink-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.pink-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.pink-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.pink-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #D81B60 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.pink-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #D81B60 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #D81B60 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.pink-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #D81B60 !important;
}
.pink-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.pink-theme .button-text-hidden {
  display: none;
}
.pink-theme .mat-mdc-option.mdc-list-item--selected .mdc-list-item__primary-text {
  color: rgba(0, 0, 0, 0.87) !important;
}
.green-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #009655;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #009655 87%, transparent);
  --mat-form-field-filled-caret-color: #009655;
  --mat-form-field-filled-focus-active-indicator-color: #009655;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #009655 87%, transparent);
  --mat-form-field-outlined-caret-color: #009655;
  --mat-form-field-outlined-focus-outline-color: #009655;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #009655 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #009655;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #009655;
  --mat-slide-toggle-selected-handle-color: #009655;
  --mat-slide-toggle-selected-hover-state-layer-color: #009655;
  --mat-slide-toggle-selected-pressed-state-layer-color: #009655;
  --mat-slide-toggle-selected-focus-handle-color: #009655;
  --mat-slide-toggle-selected-hover-handle-color: #009655;
  --mat-slide-toggle-selected-pressed-handle-color: #009655;
  --mat-slide-toggle-selected-focus-track-color: #009655;
  --mat-slide-toggle-selected-hover-track-color: #009655;
  --mat-slide-toggle-selected-pressed-track-color: #009655;
  --mat-slide-toggle-selected-track-color: #009655;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #009655;
  --mat-slider-focus-handle-color: #009655;
  --mat-slider-handle-color: #009655;
  --mat-slider-hover-handle-color: #009655;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #009655 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #009655 4%, transparent);
  --mat-slider-inactive-track-color: #009655;
  --mat-slider-ripple-color: #009655;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #009655;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #009655;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #009655;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #009655;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #009655 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #009655;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #009655 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #009655 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #009655 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #009655;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #009655;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #009655;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #009655;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #009655;
  --mat-slide-toggle-selected-handle-color: #009655;
  --mat-slide-toggle-selected-hover-state-layer-color: #009655;
  --mat-slide-toggle-selected-pressed-state-layer-color: #009655;
  --mat-slide-toggle-selected-focus-handle-color: #009655;
  --mat-slide-toggle-selected-hover-handle-color: #009655;
  --mat-slide-toggle-selected-pressed-handle-color: #009655;
  --mat-slide-toggle-selected-focus-track-color: #009655;
  --mat-slide-toggle-selected-hover-track-color: #009655;
  --mat-slide-toggle-selected-pressed-track-color: #009655;
  --mat-slide-toggle-selected-track-color: #009655;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.green-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.green-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.green-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #009655;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #009655;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.green-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.green-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.green-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #009655;
  --mat-progress-bar-track-color: rgba(0, 150, 85, 0.25);
}
.green-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.green-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.green-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.green-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.green-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.green-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.green-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.green-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.green-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.green-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #009655;
  --mat-chip-elevated-disabled-container-color: #009655;
  --mat-chip-elevated-selected-container-color: #009655;
  --mat-chip-flat-disabled-selected-container-color: #009655;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.green-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.green-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.green-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.green-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.green-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.green-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.green-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.green-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.green-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.green-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #009655;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #009655;
  --mat-radio-selected-hover-icon-color: #009655;
  --mat-radio-selected-icon-color: #009655;
  --mat-radio-selected-pressed-icon-color: #009655;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.green-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.green-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.green-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.green-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.green-theme .mdc-list-item__start,
.green-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #009655;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #009655;
  --mat-radio-selected-hover-icon-color: #009655;
  --mat-radio-selected-icon-color: #009655;
  --mat-radio-selected-pressed-icon-color: #009655;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.green-theme .mat-accent .mdc-list-item__start,
.green-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.green-theme .mat-warn .mdc-list-item__start,
.green-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.green-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #009655;
  --mat-checkbox-selected-hover-icon-color: #009655;
  --mat-checkbox-selected-icon-color: #009655;
  --mat-checkbox-selected-pressed-icon-color: #009655;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #009655;
  --mat-checkbox-selected-hover-state-layer-color: #009655;
  --mat-checkbox-selected-pressed-state-layer-color: #009655;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.green-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.green-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.green-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.green-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.green-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.green-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #009655;
}
.green-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.green-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.green-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.green-theme .mdc-list-item__start,
.green-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.green-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.green-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.green-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.green-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.green-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.green-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.green-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.green-theme .mat-mdc-tab-group,
.green-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #009655;
  --mat-tab-active-ripple-color: #009655;
  --mat-tab-inactive-ripple-color: #009655;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #009655;
  --mat-tab-active-hover-label-text-color: #009655;
  --mat-tab-active-focus-indicator-color: #009655;
  --mat-tab-active-hover-indicator-color: #009655;
  --mat-tab-active-indicator-color: #009655;
}
.green-theme .mat-mdc-tab-group.mat-accent,
.green-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.green-theme .mat-mdc-tab-group.mat-warn,
.green-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.green-theme .mat-mdc-tab-group.mat-background-primary,
.green-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #009655;
  --mat-tab-foreground-color: #ffffff;
}
.green-theme .mat-mdc-tab-group.mat-background-accent,
.green-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.green-theme .mat-mdc-tab-group.mat-background-warn,
.green-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.green-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.green-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.green-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #009655;
  --mat-checkbox-selected-hover-icon-color: #009655;
  --mat-checkbox-selected-icon-color: #009655;
  --mat-checkbox-selected-pressed-icon-color: #009655;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #009655;
  --mat-checkbox-selected-hover-state-layer-color: #009655;
  --mat-checkbox-selected-pressed-state-layer-color: #009655;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.green-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.green-theme .mat-mdc-button.mat-primary,
.green-theme .mat-mdc-unelevated-button.mat-primary,
.green-theme .mat-mdc-raised-button.mat-primary,
.green-theme .mat-mdc-outlined-button.mat-primary,
.green-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #009655;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #009655;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #009655 12%, transparent);
  --mat-button-outlined-state-layer-color: #009655;
  --mat-button-protected-container-color: #009655;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #009655;
  --mat-button-text-ripple-color: color-mix(in srgb, #009655 12%, transparent);
  --mat-button-text-state-layer-color: #009655;
  --mat-button-tonal-container-color: #009655;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.green-theme .mat-mdc-button.mat-accent,
.green-theme .mat-mdc-unelevated-button.mat-accent,
.green-theme .mat-mdc-raised-button.mat-accent,
.green-theme .mat-mdc-outlined-button.mat-accent,
.green-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.green-theme .mat-mdc-button.mat-warn,
.green-theme .mat-mdc-unelevated-button.mat-warn,
.green-theme .mat-mdc-raised-button.mat-warn,
.green-theme .mat-mdc-outlined-button.mat-warn,
.green-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.green-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #009655;
  --mat-icon-button-state-layer-color: #009655;
  --mat-icon-button-ripple-color: color-mix(in srgb, #009655 12%, transparent);
}
.green-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.green-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.green-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.green-theme .mat-mdc-fab.mat-primary,
.green-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #009655;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #009655 12%, transparent);
  --mat-fab-small-container-color: #009655;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.green-theme .mat-mdc-fab.mat-accent,
.green-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.green-theme .mat-mdc-fab.mat-warn,
.green-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.green-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.green-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.green-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.green-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.green-theme .mat-datepicker-content.mat-accent,
.green-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.green-theme .mat-datepicker-content.mat-warn,
.green-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.green-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.green-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.green-theme .mat-icon.mat-primary {
  --mat-icon-color: #009655;
}
.green-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.green-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.green-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.green-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.green-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #009655;
  --mat-toolbar-container-text-color: #ffffff;
}
.green-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.green-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.green-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.green-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.green-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.green-theme .back-container {
  color: #009655;
}
.green-theme .back-container:hover {
  opacity: 0.54;
}
.green-theme .warn-text {
  color: #e74737;
}
.green-theme .inside-modal-title.primary-colored-title,
.green-theme .form-title.primary-colored-title {
  color: #009655;
}
.green-theme .full-height-container form .button-container {
  background: white;
}
.green-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.green-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.green-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.green-theme .box-checkbox.active-box-checkbox {
  background-color: #009655;
  color: white;
}
.green-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.green-theme .box-radio.active-box-radio {
  background-color: #009655;
  color: white;
}
.green-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.green-theme .error {
  color: #e74737;
}
.green-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.green-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.green-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.green-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.green-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.green-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.green-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.green-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.green-theme .ql-snow .ql-picker-options {
  background: white;
}
.green-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.green-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.green-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.green-theme .ql-snow .ql-fill,
.green-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.green-theme .ql-snow.ql-toolbar button:hover,
.green-theme .ql-snow .ql-toolbar button:hover,
.green-theme .ql-snow.ql-toolbar button:focus,
.green-theme .ql-snow .ql-toolbar button:focus,
.green-theme .ql-snow.ql-toolbar button.ql-active,
.green-theme .ql-snow .ql-toolbar button.ql-active,
.green-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.green-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.green-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.green-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.green-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.green-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.green-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.green-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.green-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.green-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.green-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.green-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.green-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.green-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.green-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.green-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.green-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.green-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.green-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.green-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.green-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.green-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.green-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.green-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.green-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.green-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.green-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.green-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.green-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.green-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.green-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.green-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.green-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.green-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.green-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.green-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.green-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.green-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.green-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.green-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.green-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.green-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.green-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.green-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.green-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.green-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.green-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.green-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.green-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.green-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.green-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.green-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.green-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.green-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.green-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.green-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.green-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.green-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.green-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.green-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.green-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.green-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.green-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.green-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.green-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.green-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.green-theme bee-form-item {
  margin-right: 0 !important;
}
.green-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.green-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #009655;
  height: 38px !important;
}
.green-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.green-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.green-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.green-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.green-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.green-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.green-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.green-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.green-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .green-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.green-theme .general-container .label-wrapper label {
  color: #009655 !important;
  background-color: white;
}
.green-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.green-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.green-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.green-theme .general-container .bee-selector .bee-selector-container {
  border-color: #009655 !important;
}
.green-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.green-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.green-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.green-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.green-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.green-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.green-theme .general-container .bee-selector .bee-selector-container:focus,
.green-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #009655;
}
.green-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.green-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #009655;
}
.green-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.green-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #009655;
}
.green-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.green-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.green-theme .general-container .bee-dropdown {
  background: white;
}
.green-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #009655;
}
.green-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.green-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.green-theme .general-container .selector-error {
  color: #e74737;
}
.green-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.green-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.green-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.green-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.green-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #009655;
}
.green-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.green-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.green-theme .move-image-action-container:hover {
  color: #009655;
}
.green-theme .info-icon {
  color: #009655;
}
.green-theme .email-chip {
  color: #009655 !important;
  background-color: rgba(0, 150, 85, 0.15) !important;
}
.green-theme .email-chip .mat-chip-remove {
  color: #009655 !important;
  opacity: 1 !important;
}
.green-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.green-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.green-theme .mat-badge-content {
  color: #009655 !important;
}
.green-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #009655 !important;
}
.green-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #009655 !important;
}
.green-theme #circle-lleno {
  background: #009655;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.green-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.green-theme .marine-color {
  color: #0f223e !important;
}
.green-theme .primary-color {
  color: #009655 !important;
}
.green-theme .gray-color {
  color: #C0C4CA !important;
}
.green-theme .primary-color-200 {
  color: #009655 !important;
}
.green-theme svg.primary-fill-svg {
  fill: #009655 !important;
}
.green-theme .primary-fill {
  fill: #009655 !important;
}
.green-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.green-theme .primary-border-50 {
  border-color: #009655 !important;
}
.green-theme .primary-border-100 {
  border-color: #009655 !important;
}
.green-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.green-theme .transparent-border-100 {
  border-color: transparent !important;
}
.green-theme .primary-border-200 {
  border-color: #009655 !important;
}
.green-theme .primary-indicator .mat-expansion-indicator:after {
  color: #009655;
}
.green-theme .contrast-background {
  background-color: #ffffff !important;
}
.green-theme .primary-color-small {
  color: rgba(0, 150, 85, 0.6);
}
.green-theme .marine-background {
  background-color: #0f223e !important;
}
.green-theme .primary-background {
  background-color: #009655 !important;
}
.green-theme .primary-background-50 {
  background-color: #009655 !important;
}
.green-theme .primary-background-200 {
  background-color: #009655 !important;
}
.green-theme .primary-background-800 {
  background-color: #009655 !important;
}
.green-theme .white-color {
  color: white !important;
}
.green-theme .secondary-color {
  color: #009655 !important;
}
.green-theme .secondary-background {
  background-color: #009655 !important;
}
.green-theme .secondary-background-semi {
  background-color: #009655 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #009655 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.green-theme .secondary-background-full {
  background-color: #009655 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #009655 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.green-theme .secondary-background-empty {
  background-color: #009655 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #009655 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.green-theme .secondary-border {
  background-color: #009655 !important;
}
.green-theme .tertiary-color {
  color: #009655 !important;
}
.green-theme button.button-tertiary {
  background-color: #009655 !important;
  color: #009655 !important;
  border: 1px solid #009655 !important;
}
.green-theme span.red-text {
  color: #DB1F35 !important;
}
.green-theme .tertiary-background {
  background-color: #009655 !important;
}
.green-theme .tertiary-border {
  border-color: #009655 !important;
}
.green-theme .dark-background {
  background-color: black !important;
}
.green-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.green-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.green-theme .primary-soft-background {
  background-color: rgba(0, 150, 85, 0.1) !important;
}
.green-theme .primary-soft-background:hover {
  background-color: rgba(0, 150, 85, 0.15) !important;
}
.green-theme .primary-border {
  border-color: #009655 !important;
}
.green-theme .default-background {
  background-color: #fafafa !important;
}
.green-theme .hover-primary:hover {
  color: #009655 !important;
}
.green-theme .hover-primary-background:hover {
  background-color: #009655 !important;
}
.green-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.green-theme .warn-color {
  color: #e74737 !important;
}
.green-theme .warn-border {
  border-color: #e74737 !important;
}
.green-theme .accent-color {
  color: #fedd93 !important;
}
.green-theme .accent-background {
  background-color: #fedd93 !important;
}
.green-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.green-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.green-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.green-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.green-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.green-theme .dialog-table tr .action-icon {
  color: transparent;
}
.green-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.green-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.green-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #009655;
}
.green-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.green-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.green-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.green-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.green-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.green-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.green-theme .card-table tr .action-icon {
  color: transparent;
}
.green-theme .card-table tr .action-icon button {
  color: transparent;
}
.green-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.green-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.green-theme .card-table tr:hover .action-icon button {
  color: #009655;
}
.green-theme .card-table tr:hover .action-icon:hover {
  color: #009655;
}
.green-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.green-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.green-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.green-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.green-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #009655;
}
.green-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.green-theme .no-hover-table tr:hover {
  background: white;
}
.green-theme .custom-standard-chip {
  background-color: rgba(0, 150, 85, 0.1) !important;
  color: #009655 !important;
}
.green-theme .help-dashboard-card .mat-icon {
  color: #009655;
}
.green-theme .help-dashboard-card:hover {
  background-color: #009655;
}
.green-theme .help-dashboard-card:hover .mat-icon,
.green-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.green-theme .room-open {
  background-color: #009655 !important;
  color: white !important;
}
.green-theme .room-open:hover {
  background-color: #009655 !important;
  color: white !important;
}
.green-theme #public-office-page-groups .public-group-button-hover {
  background-color: #009655 !important;
  color: white !important;
}
.green-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.green-theme .notification-container .show-tip {
  color: transparent;
}
.green-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.green-theme .notification-container:hover .show-tip {
  color: #009655;
}
.green-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.green-theme .notification-container .notification-subject .mat-icon {
  color: #009655;
}
.green-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.green-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.green-theme .message-container .show-tip {
  color: transparent;
}
.green-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.green-theme .message-container:hover .show-tip {
  color: #009655;
}
.green-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.green-theme .message-container .message-subject .mat-icon {
  color: #009655;
}
.green-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.green-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.green-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.green-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.green-theme .primary-200-outline input {
  caret-color: #009655;
  color: #009655;
}
.green-theme .primary-200-outline label {
  color: #009655;
}
.green-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #009655 !important;
}
.green-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #009655;
}
.green-theme mat-form-field .primary-outline label {
  color: #009655 !important;
}
.green-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #009655 !important;
}
.green-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #009655 !important;
}
.green-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.green-theme .input-primary input {
  caret-color: #009655;
  color: #009655;
}
.green-theme .input-primary label {
  color: #009655;
}
.green-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #009655 !important;
}
.green-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.green-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #009655;
  border-width: 1px;
}
.green-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.green-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.green-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.green-theme .boton-recarga {
  background-color: #009655;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.green-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.green-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.green-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.green-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.green-theme .header-container button {
  padding: 0 !important;
}
.green-theme .header-container .mat-button {
  min-width: unset !important;
}
.green-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.green-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.green-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.green-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.green-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.green-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.green-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.green-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.green-theme .input-recarga-marine {
  border: 1px solid #009655 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.green-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.green-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.green-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.green-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.green-theme .color-primary {
  color: #009655 !important;
  fill: #009655 !important;
}
.green-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.green-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.green-theme .primary-contrast {
  color: #ffffff !important;
}
.green-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #009655 !important;
}
.green-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #009655 !important;
}
.green-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.green-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #009655 !important;
}
.green-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.green-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.green-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.green-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #009655 !important;
}
.green-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #009655 !important;
}
.green-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #009655 !important;
}
.green-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #009655 !important;
}
.green-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #009655 !important;
}
.green-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.green-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #009655 !important;
}
.green-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.green-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #009655 !important;
}
.green-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.green-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.green-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #009655 !important;
}
.green-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #009655 !important;
}
.green-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.green-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #009655 !important;
}
.green-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #009655 !important;
}
.green-theme .mat-checkbox-checked .mat-checkbox-background,
.green-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #009655 !important;
}
.green-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #009655 !important;
}
.green-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.green-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #009655 !important;
}
.green-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.green-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #009655 !important;
}
.green-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #009655 !important;
}
.green-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #009655 !important;
}
.green-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.green-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.green-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.green-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.green-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #009655 !important;
}
.green-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #009655 !important;
}
.green-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #009655 !important;
}
.green-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.green-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #009655 !important;
}
.green-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #009655 !important;
}
.green-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #009655 !important;
}
.green-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.green-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.green-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #009655 !important;
}
.green-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #009655 !important;
}
.green-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.green-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.green-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #009655 !important;
}
.green-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.green-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.green-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.green-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #009655 !important;
}
.green-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.green-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #009655 !important;
}
.green-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #009655 !important;
}
.green-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #009655 !important;
}
.green-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.green-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.green-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.green-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #009655 !important;
}
.green-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #009655 !important;
}
.green-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #009655 !important;
}
.green-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #009655 !important;
}
.green-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.green-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #009655 !important;
}
.green-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #009655 !important;
}
.green-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.green-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #009655 !important;
}
.green-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #009655 !important;
}
.green-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.green-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.green-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.green-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #009655 !important;
}
.green-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #009655 !important;
}
.green-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.green-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.green-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #009655 !important;
}
.green-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #009655 !important;
}
.green-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #009655 !important;
}
.green-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #009655 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.green-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #009655 !important;
}
.green-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #009655 !important;
}
.green-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #009655 !important;
}
.green-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #009655 !important;
}
.green-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #009655 !important;
}
.green-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.green-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.green-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.green-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.green-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.green-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #009655 !important;
}
.green-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #009655 !important;
}
.green-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #009655 !important;
}
.green-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #009655 !important;
}
.green-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #009655 !important;
}
.green-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #009655 !important;
}
.green-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.green-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #009655 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.green-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.green-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.green-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.green-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.green-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.green-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #009655 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.green-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #009655 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #009655 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.green-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #009655 !important;
}
.green-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.green-theme .button-text-hidden {
  display: none;
}
.light-green-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #60CE2C;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #60CE2C 87%, transparent);
  --mat-form-field-filled-caret-color: #60CE2C;
  --mat-form-field-filled-focus-active-indicator-color: #60CE2C;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #60CE2C 87%, transparent);
  --mat-form-field-outlined-caret-color: #60CE2C;
  --mat-form-field-outlined-focus-outline-color: #60CE2C;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #60CE2C 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #60CE2C;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #60CE2C;
  --mat-slide-toggle-selected-handle-color: #60CE2C;
  --mat-slide-toggle-selected-hover-state-layer-color: #60CE2C;
  --mat-slide-toggle-selected-pressed-state-layer-color: #60CE2C;
  --mat-slide-toggle-selected-focus-handle-color: #60CE2C;
  --mat-slide-toggle-selected-hover-handle-color: #60CE2C;
  --mat-slide-toggle-selected-pressed-handle-color: #60CE2C;
  --mat-slide-toggle-selected-focus-track-color: #60CE2C;
  --mat-slide-toggle-selected-hover-track-color: #60CE2C;
  --mat-slide-toggle-selected-pressed-track-color: #60CE2C;
  --mat-slide-toggle-selected-track-color: #60CE2C;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #60CE2C;
  --mat-slider-focus-handle-color: #60CE2C;
  --mat-slider-handle-color: #60CE2C;
  --mat-slider-hover-handle-color: #60CE2C;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #60CE2C 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #60CE2C 4%, transparent);
  --mat-slider-inactive-track-color: #60CE2C;
  --mat-slider-ripple-color: #60CE2C;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #60CE2C;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #60CE2C;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #60CE2C;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #60CE2C;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #60CE2C 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #60CE2C;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #60CE2C 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #60CE2C 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #60CE2C 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #60CE2C;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #60CE2C;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #60CE2C;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #60CE2C;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #60CE2C;
  --mat-slide-toggle-selected-handle-color: #60CE2C;
  --mat-slide-toggle-selected-hover-state-layer-color: #60CE2C;
  --mat-slide-toggle-selected-pressed-state-layer-color: #60CE2C;
  --mat-slide-toggle-selected-focus-handle-color: #60CE2C;
  --mat-slide-toggle-selected-hover-handle-color: #60CE2C;
  --mat-slide-toggle-selected-pressed-handle-color: #60CE2C;
  --mat-slide-toggle-selected-focus-track-color: #60CE2C;
  --mat-slide-toggle-selected-hover-track-color: #60CE2C;
  --mat-slide-toggle-selected-pressed-track-color: #60CE2C;
  --mat-slide-toggle-selected-track-color: #60CE2C;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.light-green-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.light-green-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.light-green-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #60CE2C;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #60CE2C;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.light-green-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.light-green-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.light-green-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #60CE2C;
  --mat-progress-bar-track-color: rgba(96, 206, 44, 0.25);
}
.light-green-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.light-green-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.light-green-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.light-green-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.light-green-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.light-green-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.light-green-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.light-green-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.light-green-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.light-green-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #60CE2C;
  --mat-chip-elevated-disabled-container-color: #60CE2C;
  --mat-chip-elevated-selected-container-color: #60CE2C;
  --mat-chip-flat-disabled-selected-container-color: #60CE2C;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.light-green-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.light-green-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.light-green-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.light-green-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.light-green-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.light-green-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.light-green-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.light-green-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.light-green-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.light-green-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #60CE2C;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #60CE2C;
  --mat-radio-selected-hover-icon-color: #60CE2C;
  --mat-radio-selected-icon-color: #60CE2C;
  --mat-radio-selected-pressed-icon-color: #60CE2C;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.light-green-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.light-green-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.light-green-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.light-green-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.light-green-theme .mdc-list-item__start,
.light-green-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #60CE2C;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #60CE2C;
  --mat-radio-selected-hover-icon-color: #60CE2C;
  --mat-radio-selected-icon-color: #60CE2C;
  --mat-radio-selected-pressed-icon-color: #60CE2C;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.light-green-theme .mat-accent .mdc-list-item__start,
.light-green-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.light-green-theme .mat-warn .mdc-list-item__start,
.light-green-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.light-green-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #60CE2C;
  --mat-checkbox-selected-hover-icon-color: #60CE2C;
  --mat-checkbox-selected-icon-color: #60CE2C;
  --mat-checkbox-selected-pressed-icon-color: #60CE2C;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #60CE2C;
  --mat-checkbox-selected-hover-state-layer-color: #60CE2C;
  --mat-checkbox-selected-pressed-state-layer-color: #60CE2C;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.light-green-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.light-green-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.light-green-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.light-green-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.light-green-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.light-green-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #60CE2C;
}
.light-green-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.light-green-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.light-green-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.light-green-theme .mdc-list-item__start,
.light-green-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.light-green-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.light-green-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.light-green-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.light-green-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.light-green-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.light-green-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.light-green-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.light-green-theme .mat-mdc-tab-group,
.light-green-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #60CE2C;
  --mat-tab-active-ripple-color: #60CE2C;
  --mat-tab-inactive-ripple-color: #60CE2C;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #60CE2C;
  --mat-tab-active-hover-label-text-color: #60CE2C;
  --mat-tab-active-focus-indicator-color: #60CE2C;
  --mat-tab-active-hover-indicator-color: #60CE2C;
  --mat-tab-active-indicator-color: #60CE2C;
}
.light-green-theme .mat-mdc-tab-group.mat-accent,
.light-green-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.light-green-theme .mat-mdc-tab-group.mat-warn,
.light-green-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.light-green-theme .mat-mdc-tab-group.mat-background-primary,
.light-green-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #60CE2C;
  --mat-tab-foreground-color: #ffffff;
}
.light-green-theme .mat-mdc-tab-group.mat-background-accent,
.light-green-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.light-green-theme .mat-mdc-tab-group.mat-background-warn,
.light-green-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.light-green-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.light-green-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.light-green-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #60CE2C;
  --mat-checkbox-selected-hover-icon-color: #60CE2C;
  --mat-checkbox-selected-icon-color: #60CE2C;
  --mat-checkbox-selected-pressed-icon-color: #60CE2C;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #60CE2C;
  --mat-checkbox-selected-hover-state-layer-color: #60CE2C;
  --mat-checkbox-selected-pressed-state-layer-color: #60CE2C;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.light-green-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.light-green-theme .mat-mdc-button.mat-primary,
.light-green-theme .mat-mdc-unelevated-button.mat-primary,
.light-green-theme .mat-mdc-raised-button.mat-primary,
.light-green-theme .mat-mdc-outlined-button.mat-primary,
.light-green-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #60CE2C;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #60CE2C;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #60CE2C 12%, transparent);
  --mat-button-outlined-state-layer-color: #60CE2C;
  --mat-button-protected-container-color: #60CE2C;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #60CE2C;
  --mat-button-text-ripple-color: color-mix(in srgb, #60CE2C 12%, transparent);
  --mat-button-text-state-layer-color: #60CE2C;
  --mat-button-tonal-container-color: #60CE2C;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.light-green-theme .mat-mdc-button.mat-accent,
.light-green-theme .mat-mdc-unelevated-button.mat-accent,
.light-green-theme .mat-mdc-raised-button.mat-accent,
.light-green-theme .mat-mdc-outlined-button.mat-accent,
.light-green-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.light-green-theme .mat-mdc-button.mat-warn,
.light-green-theme .mat-mdc-unelevated-button.mat-warn,
.light-green-theme .mat-mdc-raised-button.mat-warn,
.light-green-theme .mat-mdc-outlined-button.mat-warn,
.light-green-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.light-green-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #60CE2C;
  --mat-icon-button-state-layer-color: #60CE2C;
  --mat-icon-button-ripple-color: color-mix(in srgb, #60CE2C 12%, transparent);
}
.light-green-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.light-green-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.light-green-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.light-green-theme .mat-mdc-fab.mat-primary,
.light-green-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #60CE2C;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #60CE2C 12%, transparent);
  --mat-fab-small-container-color: #60CE2C;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.light-green-theme .mat-mdc-fab.mat-accent,
.light-green-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.light-green-theme .mat-mdc-fab.mat-warn,
.light-green-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.light-green-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.light-green-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.light-green-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.light-green-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.light-green-theme .mat-datepicker-content.mat-accent,
.light-green-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.light-green-theme .mat-datepicker-content.mat-warn,
.light-green-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.light-green-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.light-green-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.light-green-theme .mat-icon.mat-primary {
  --mat-icon-color: #60CE2C;
}
.light-green-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.light-green-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.light-green-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.light-green-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.light-green-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #60CE2C;
  --mat-toolbar-container-text-color: #ffffff;
}
.light-green-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.light-green-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.light-green-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.light-green-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.light-green-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.light-green-theme .back-container {
  color: #60CE2C;
}
.light-green-theme .back-container:hover {
  opacity: 0.54;
}
.light-green-theme .warn-text {
  color: #e74737;
}
.light-green-theme .inside-modal-title.primary-colored-title,
.light-green-theme .form-title.primary-colored-title {
  color: #60CE2C;
}
.light-green-theme .full-height-container form .button-container {
  background: white;
}
.light-green-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.light-green-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.light-green-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.light-green-theme .box-checkbox.active-box-checkbox {
  background-color: #60CE2C;
  color: white;
}
.light-green-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.light-green-theme .box-radio.active-box-radio {
  background-color: #60CE2C;
  color: white;
}
.light-green-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.light-green-theme .error {
  color: #e74737;
}
.light-green-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.light-green-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.light-green-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.light-green-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.light-green-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.light-green-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.light-green-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.light-green-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.light-green-theme .ql-snow .ql-picker-options {
  background: white;
}
.light-green-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.light-green-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.light-green-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.light-green-theme .ql-snow .ql-fill,
.light-green-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.light-green-theme .ql-snow.ql-toolbar button:hover,
.light-green-theme .ql-snow .ql-toolbar button:hover,
.light-green-theme .ql-snow.ql-toolbar button:focus,
.light-green-theme .ql-snow .ql-toolbar button:focus,
.light-green-theme .ql-snow.ql-toolbar button.ql-active,
.light-green-theme .ql-snow .ql-toolbar button.ql-active,
.light-green-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.light-green-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.light-green-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.light-green-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.light-green-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.light-green-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.light-green-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.light-green-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.light-green-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.light-green-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.light-green-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.light-green-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.light-green-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.light-green-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.light-green-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.light-green-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.light-green-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.light-green-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.light-green-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.light-green-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.light-green-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.light-green-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.light-green-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.light-green-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.light-green-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.light-green-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.light-green-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.light-green-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.light-green-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.light-green-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.light-green-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.light-green-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.light-green-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.light-green-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.light-green-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.light-green-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.light-green-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.light-green-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.light-green-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.light-green-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.light-green-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.light-green-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.light-green-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.light-green-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.light-green-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.light-green-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.light-green-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.light-green-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.light-green-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.light-green-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.light-green-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.light-green-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.light-green-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.light-green-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.light-green-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.light-green-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.light-green-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.light-green-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.light-green-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.light-green-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.light-green-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.light-green-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.light-green-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.light-green-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.light-green-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.light-green-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.light-green-theme bee-form-item {
  margin-right: 0 !important;
}
.light-green-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.light-green-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #60CE2C;
  height: 38px !important;
}
.light-green-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.light-green-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.light-green-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.light-green-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.light-green-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.light-green-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.light-green-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.light-green-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.light-green-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .light-green-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.light-green-theme .general-container .label-wrapper label {
  color: #60CE2C !important;
  background-color: white;
}
.light-green-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.light-green-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.light-green-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.light-green-theme .general-container .bee-selector .bee-selector-container {
  border-color: #60CE2C !important;
}
.light-green-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.light-green-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.light-green-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.light-green-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.light-green-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.light-green-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.light-green-theme .general-container .bee-selector .bee-selector-container:focus,
.light-green-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #60CE2C;
}
.light-green-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.light-green-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #60CE2C;
}
.light-green-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.light-green-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #60CE2C;
}
.light-green-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.light-green-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.light-green-theme .general-container .bee-dropdown {
  background: white;
}
.light-green-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #60CE2C;
}
.light-green-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.light-green-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.light-green-theme .general-container .selector-error {
  color: #e74737;
}
.light-green-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.light-green-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.light-green-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.light-green-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.light-green-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #60CE2C;
}
.light-green-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.light-green-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.light-green-theme .move-image-action-container:hover {
  color: #60CE2C;
}
.light-green-theme .info-icon {
  color: #60CE2C;
}
.light-green-theme .email-chip {
  color: #60CE2C !important;
  background-color: rgba(96, 206, 44, 0.15) !important;
}
.light-green-theme .email-chip .mat-chip-remove {
  color: #60CE2C !important;
  opacity: 1 !important;
}
.light-green-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.light-green-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.light-green-theme .mat-badge-content {
  color: #60CE2C !important;
}
.light-green-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #60CE2C !important;
}
.light-green-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #60CE2C !important;
}
.light-green-theme #circle-lleno {
  background: #60CE2C;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.light-green-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.light-green-theme .marine-color {
  color: #0f223e !important;
}
.light-green-theme .primary-color {
  color: #60CE2C !important;
}
.light-green-theme .gray-color {
  color: #C0C4CA !important;
}
.light-green-theme .primary-color-200 {
  color: #60CE2C !important;
}
.light-green-theme svg.primary-fill-svg {
  fill: #60CE2C !important;
}
.light-green-theme .primary-fill {
  fill: #60CE2C !important;
}
.light-green-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.light-green-theme .primary-border-50 {
  border-color: #60CE2C !important;
}
.light-green-theme .primary-border-100 {
  border-color: #60CE2C !important;
}
.light-green-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.light-green-theme .transparent-border-100 {
  border-color: transparent !important;
}
.light-green-theme .primary-border-200 {
  border-color: #60CE2C !important;
}
.light-green-theme .primary-indicator .mat-expansion-indicator:after {
  color: #60CE2C;
}
.light-green-theme .contrast-background {
  background-color: #ffffff !important;
}
.light-green-theme .primary-color-small {
  color: rgba(96, 206, 44, 0.6);
}
.light-green-theme .marine-background {
  background-color: #0f223e !important;
}
.light-green-theme .primary-background {
  background-color: #60CE2C !important;
}
.light-green-theme .primary-background-50 {
  background-color: #60CE2C !important;
}
.light-green-theme .primary-background-200 {
  background-color: #60CE2C !important;
}
.light-green-theme .primary-background-800 {
  background-color: #60CE2C !important;
}
.light-green-theme .white-color {
  color: white !important;
}
.light-green-theme .secondary-color {
  color: #60CE2C !important;
}
.light-green-theme .secondary-background {
  background-color: #60CE2C !important;
}
.light-green-theme .secondary-background-semi {
  background-color: #60CE2C !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #60CE2C !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.light-green-theme .secondary-background-full {
  background-color: #60CE2C !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #60CE2C !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.light-green-theme .secondary-background-empty {
  background-color: #60CE2C !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #60CE2C !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.light-green-theme .secondary-border {
  background-color: #60CE2C !important;
}
.light-green-theme .tertiary-color {
  color: #60CE2C !important;
}
.light-green-theme button.button-tertiary {
  background-color: #60CE2C !important;
  color: #60CE2C !important;
  border: 1px solid #60CE2C !important;
}
.light-green-theme span.red-text {
  color: #DB1F35 !important;
}
.light-green-theme .tertiary-background {
  background-color: #60CE2C !important;
}
.light-green-theme .tertiary-border {
  border-color: #60CE2C !important;
}
.light-green-theme .dark-background {
  background-color: black !important;
}
.light-green-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.light-green-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.light-green-theme .primary-soft-background {
  background-color: rgba(96, 206, 44, 0.1) !important;
}
.light-green-theme .primary-soft-background:hover {
  background-color: rgba(96, 206, 44, 0.15) !important;
}
.light-green-theme .primary-border {
  border-color: #60CE2C !important;
}
.light-green-theme .default-background {
  background-color: #fafafa !important;
}
.light-green-theme .hover-primary:hover {
  color: #60CE2C !important;
}
.light-green-theme .hover-primary-background:hover {
  background-color: #60CE2C !important;
}
.light-green-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.light-green-theme .warn-color {
  color: #e74737 !important;
}
.light-green-theme .warn-border {
  border-color: #e74737 !important;
}
.light-green-theme .accent-color {
  color: #fedd93 !important;
}
.light-green-theme .accent-background {
  background-color: #fedd93 !important;
}
.light-green-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.light-green-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.light-green-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.light-green-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.light-green-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.light-green-theme .dialog-table tr .action-icon {
  color: transparent;
}
.light-green-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.light-green-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.light-green-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #60CE2C;
}
.light-green-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.light-green-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.light-green-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.light-green-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.light-green-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.light-green-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.light-green-theme .card-table tr .action-icon {
  color: transparent;
}
.light-green-theme .card-table tr .action-icon button {
  color: transparent;
}
.light-green-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.light-green-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.light-green-theme .card-table tr:hover .action-icon button {
  color: #60CE2C;
}
.light-green-theme .card-table tr:hover .action-icon:hover {
  color: #60CE2C;
}
.light-green-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.light-green-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.light-green-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.light-green-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.light-green-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #60CE2C;
}
.light-green-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.light-green-theme .no-hover-table tr:hover {
  background: white;
}
.light-green-theme .custom-standard-chip {
  background-color: rgba(96, 206, 44, 0.1) !important;
  color: #60CE2C !important;
}
.light-green-theme .help-dashboard-card .mat-icon {
  color: #60CE2C;
}
.light-green-theme .help-dashboard-card:hover {
  background-color: #60CE2C;
}
.light-green-theme .help-dashboard-card:hover .mat-icon,
.light-green-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.light-green-theme .room-open {
  background-color: #60CE2C !important;
  color: white !important;
}
.light-green-theme .room-open:hover {
  background-color: #60CE2C !important;
  color: white !important;
}
.light-green-theme #public-office-page-groups .public-group-button-hover {
  background-color: #60CE2C !important;
  color: white !important;
}
.light-green-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.light-green-theme .notification-container .show-tip {
  color: transparent;
}
.light-green-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.light-green-theme .notification-container:hover .show-tip {
  color: #60CE2C;
}
.light-green-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.light-green-theme .notification-container .notification-subject .mat-icon {
  color: #60CE2C;
}
.light-green-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.light-green-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.light-green-theme .message-container .show-tip {
  color: transparent;
}
.light-green-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.light-green-theme .message-container:hover .show-tip {
  color: #60CE2C;
}
.light-green-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.light-green-theme .message-container .message-subject .mat-icon {
  color: #60CE2C;
}
.light-green-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.light-green-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.light-green-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.light-green-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.light-green-theme .primary-200-outline input {
  caret-color: #60CE2C;
  color: #60CE2C;
}
.light-green-theme .primary-200-outline label {
  color: #60CE2C;
}
.light-green-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #60CE2C !important;
}
.light-green-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #60CE2C;
}
.light-green-theme mat-form-field .primary-outline label {
  color: #60CE2C !important;
}
.light-green-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #60CE2C !important;
}
.light-green-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #60CE2C !important;
}
.light-green-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.light-green-theme .input-primary input {
  caret-color: #60CE2C;
  color: #60CE2C;
}
.light-green-theme .input-primary label {
  color: #60CE2C;
}
.light-green-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #60CE2C !important;
}
.light-green-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.light-green-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #60CE2C;
  border-width: 1px;
}
.light-green-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.light-green-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.light-green-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.light-green-theme .boton-recarga {
  background-color: #60CE2C;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.light-green-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.light-green-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.light-green-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.light-green-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.light-green-theme .header-container button {
  padding: 0 !important;
}
.light-green-theme .header-container .mat-button {
  min-width: unset !important;
}
.light-green-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.light-green-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.light-green-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.light-green-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.light-green-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.light-green-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.light-green-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.light-green-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.light-green-theme .input-recarga-marine {
  border: 1px solid #60CE2C !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.light-green-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.light-green-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.light-green-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.light-green-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.light-green-theme .color-primary {
  color: #60CE2C !important;
  fill: #60CE2C !important;
}
.light-green-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.light-green-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.light-green-theme .primary-contrast {
  color: #ffffff !important;
}
.light-green-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #60CE2C !important;
}
.light-green-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #60CE2C !important;
}
.light-green-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.light-green-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #60CE2C !important;
}
.light-green-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.light-green-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.light-green-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.light-green-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #60CE2C !important;
}
.light-green-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #60CE2C !important;
}
.light-green-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #60CE2C !important;
}
.light-green-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #60CE2C !important;
}
.light-green-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #60CE2C !important;
}
.light-green-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.light-green-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #60CE2C !important;
}
.light-green-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.light-green-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #60CE2C !important;
}
.light-green-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.light-green-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.light-green-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #60CE2C !important;
}
.light-green-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #60CE2C !important;
}
.light-green-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.light-green-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #60CE2C !important;
}
.light-green-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #60CE2C !important;
}
.light-green-theme .mat-checkbox-checked .mat-checkbox-background,
.light-green-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #60CE2C !important;
}
.light-green-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #60CE2C !important;
}
.light-green-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.light-green-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #60CE2C !important;
}
.light-green-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.light-green-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #60CE2C !important;
}
.light-green-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #60CE2C !important;
}
.light-green-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #60CE2C !important;
}
.light-green-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.light-green-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.light-green-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.light-green-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.light-green-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #60CE2C !important;
}
.light-green-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #60CE2C !important;
}
.light-green-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #60CE2C !important;
}
.light-green-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.light-green-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #60CE2C !important;
}
.light-green-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #60CE2C !important;
}
.light-green-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #60CE2C !important;
}
.light-green-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.light-green-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.light-green-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #60CE2C !important;
}
.light-green-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #60CE2C !important;
}
.light-green-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.light-green-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.light-green-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #60CE2C !important;
}
.light-green-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.light-green-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.light-green-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.light-green-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #60CE2C !important;
}
.light-green-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.light-green-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #60CE2C !important;
}
.light-green-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #60CE2C !important;
}
.light-green-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #60CE2C !important;
}
.light-green-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.light-green-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.light-green-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.light-green-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #60CE2C !important;
}
.light-green-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #60CE2C !important;
}
.light-green-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #60CE2C !important;
}
.light-green-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #60CE2C !important;
}
.light-green-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.light-green-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #60CE2C !important;
}
.light-green-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #60CE2C !important;
}
.light-green-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.light-green-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #60CE2C !important;
}
.light-green-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #60CE2C !important;
}
.light-green-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.light-green-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.light-green-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.light-green-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #60CE2C !important;
}
.light-green-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #60CE2C !important;
}
.light-green-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.light-green-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.light-green-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #60CE2C !important;
}
.light-green-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #60CE2C !important;
}
.light-green-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #60CE2C !important;
}
.light-green-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #60CE2C !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.light-green-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #60CE2C !important;
}
.light-green-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #60CE2C !important;
}
.light-green-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #60CE2C !important;
}
.light-green-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #60CE2C !important;
}
.light-green-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #60CE2C !important;
}
.light-green-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.light-green-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.light-green-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.light-green-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.light-green-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.light-green-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #60CE2C !important;
}
.light-green-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #60CE2C !important;
}
.light-green-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #60CE2C !important;
}
.light-green-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #60CE2C !important;
}
.light-green-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #60CE2C !important;
}
.light-green-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #60CE2C !important;
}
.light-green-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.light-green-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #60CE2C !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.light-green-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.light-green-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.light-green-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.light-green-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.light-green-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.light-green-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #60CE2C !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.light-green-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #60CE2C !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #60CE2C !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.light-green-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #60CE2C !important;
}
.light-green-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.light-green-theme .button-text-hidden {
  display: none;
}
.mahou-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #13322b;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #13322b 87%, transparent);
  --mat-form-field-filled-caret-color: #13322b;
  --mat-form-field-filled-focus-active-indicator-color: #13322b;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #13322b 87%, transparent);
  --mat-form-field-outlined-caret-color: #13322b;
  --mat-form-field-outlined-focus-outline-color: #13322b;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #13322b 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #13322b;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #13322b;
  --mat-slide-toggle-selected-handle-color: #13322b;
  --mat-slide-toggle-selected-hover-state-layer-color: #13322b;
  --mat-slide-toggle-selected-pressed-state-layer-color: #13322b;
  --mat-slide-toggle-selected-focus-handle-color: #13322b;
  --mat-slide-toggle-selected-hover-handle-color: #13322b;
  --mat-slide-toggle-selected-pressed-handle-color: #13322b;
  --mat-slide-toggle-selected-focus-track-color: #13322b;
  --mat-slide-toggle-selected-hover-track-color: #13322b;
  --mat-slide-toggle-selected-pressed-track-color: #13322b;
  --mat-slide-toggle-selected-track-color: #13322b;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #13322b;
  --mat-slider-focus-handle-color: #13322b;
  --mat-slider-handle-color: #13322b;
  --mat-slider-hover-handle-color: #13322b;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #13322b 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #13322b 4%, transparent);
  --mat-slider-inactive-track-color: #13322b;
  --mat-slider-ripple-color: #13322b;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #13322b;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #13322b;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #13322b;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #13322b;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #13322b 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #13322b;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #13322b 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #13322b 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #13322b 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #13322b;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #13322b;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #13322b;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #13322b;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #13322b;
  --mat-slide-toggle-selected-handle-color: #13322b;
  --mat-slide-toggle-selected-hover-state-layer-color: #13322b;
  --mat-slide-toggle-selected-pressed-state-layer-color: #13322b;
  --mat-slide-toggle-selected-focus-handle-color: #13322b;
  --mat-slide-toggle-selected-hover-handle-color: #13322b;
  --mat-slide-toggle-selected-pressed-handle-color: #13322b;
  --mat-slide-toggle-selected-focus-track-color: #13322b;
  --mat-slide-toggle-selected-hover-track-color: #13322b;
  --mat-slide-toggle-selected-pressed-track-color: #13322b;
  --mat-slide-toggle-selected-track-color: #13322b;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.mahou-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mahou-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mahou-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #13322b;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #13322b;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mahou-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mahou-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mahou-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #13322b;
  --mat-progress-bar-track-color: rgba(19, 50, 43, 0.25);
}
.mahou-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.mahou-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.mahou-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.mahou-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.mahou-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.mahou-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.mahou-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.mahou-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mahou-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mahou-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #13322b;
  --mat-chip-elevated-disabled-container-color: #13322b;
  --mat-chip-elevated-selected-container-color: #13322b;
  --mat-chip-flat-disabled-selected-container-color: #13322b;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.mahou-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mahou-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.mahou-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mahou-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.mahou-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.mahou-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.mahou-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.mahou-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.mahou-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.mahou-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #13322b;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #13322b;
  --mat-radio-selected-hover-icon-color: #13322b;
  --mat-radio-selected-icon-color: #13322b;
  --mat-radio-selected-pressed-icon-color: #13322b;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mahou-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mahou-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mahou-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.mahou-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.mahou-theme .mdc-list-item__start,
.mahou-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #13322b;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #13322b;
  --mat-radio-selected-hover-icon-color: #13322b;
  --mat-radio-selected-icon-color: #13322b;
  --mat-radio-selected-pressed-icon-color: #13322b;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mahou-theme .mat-accent .mdc-list-item__start,
.mahou-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mahou-theme .mat-warn .mdc-list-item__start,
.mahou-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mahou-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #13322b;
  --mat-checkbox-selected-hover-icon-color: #13322b;
  --mat-checkbox-selected-icon-color: #13322b;
  --mat-checkbox-selected-pressed-icon-color: #13322b;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #13322b;
  --mat-checkbox-selected-hover-state-layer-color: #13322b;
  --mat-checkbox-selected-pressed-state-layer-color: #13322b;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mahou-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mahou-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mahou-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mahou-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mahou-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mahou-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #13322b;
}
.mahou-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mahou-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mahou-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.mahou-theme .mdc-list-item__start,
.mahou-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.mahou-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mahou-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mahou-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mahou-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mahou-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mahou-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.mahou-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.mahou-theme .mat-mdc-tab-group,
.mahou-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #13322b;
  --mat-tab-active-ripple-color: #13322b;
  --mat-tab-inactive-ripple-color: #13322b;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #13322b;
  --mat-tab-active-hover-label-text-color: #13322b;
  --mat-tab-active-focus-indicator-color: #13322b;
  --mat-tab-active-hover-indicator-color: #13322b;
  --mat-tab-active-indicator-color: #13322b;
}
.mahou-theme .mat-mdc-tab-group.mat-accent,
.mahou-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.mahou-theme .mat-mdc-tab-group.mat-warn,
.mahou-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.mahou-theme .mat-mdc-tab-group.mat-background-primary,
.mahou-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #13322b;
  --mat-tab-foreground-color: #ffffff;
}
.mahou-theme .mat-mdc-tab-group.mat-background-accent,
.mahou-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.mahou-theme .mat-mdc-tab-group.mat-background-warn,
.mahou-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.mahou-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.mahou-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.mahou-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #13322b;
  --mat-checkbox-selected-hover-icon-color: #13322b;
  --mat-checkbox-selected-icon-color: #13322b;
  --mat-checkbox-selected-pressed-icon-color: #13322b;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #13322b;
  --mat-checkbox-selected-hover-state-layer-color: #13322b;
  --mat-checkbox-selected-pressed-state-layer-color: #13322b;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mahou-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mahou-theme .mat-mdc-button.mat-primary,
.mahou-theme .mat-mdc-unelevated-button.mat-primary,
.mahou-theme .mat-mdc-raised-button.mat-primary,
.mahou-theme .mat-mdc-outlined-button.mat-primary,
.mahou-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #13322b;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #13322b;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #13322b 12%, transparent);
  --mat-button-outlined-state-layer-color: #13322b;
  --mat-button-protected-container-color: #13322b;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #13322b;
  --mat-button-text-ripple-color: color-mix(in srgb, #13322b 12%, transparent);
  --mat-button-text-state-layer-color: #13322b;
  --mat-button-tonal-container-color: #13322b;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.mahou-theme .mat-mdc-button.mat-accent,
.mahou-theme .mat-mdc-unelevated-button.mat-accent,
.mahou-theme .mat-mdc-raised-button.mat-accent,
.mahou-theme .mat-mdc-outlined-button.mat-accent,
.mahou-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.mahou-theme .mat-mdc-button.mat-warn,
.mahou-theme .mat-mdc-unelevated-button.mat-warn,
.mahou-theme .mat-mdc-raised-button.mat-warn,
.mahou-theme .mat-mdc-outlined-button.mat-warn,
.mahou-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.mahou-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #13322b;
  --mat-icon-button-state-layer-color: #13322b;
  --mat-icon-button-ripple-color: color-mix(in srgb, #13322b 12%, transparent);
}
.mahou-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.mahou-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.mahou-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.mahou-theme .mat-mdc-fab.mat-primary,
.mahou-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #13322b;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #13322b 12%, transparent);
  --mat-fab-small-container-color: #13322b;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.mahou-theme .mat-mdc-fab.mat-accent,
.mahou-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.mahou-theme .mat-mdc-fab.mat-warn,
.mahou-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.mahou-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.mahou-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.mahou-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.mahou-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.mahou-theme .mat-datepicker-content.mat-accent,
.mahou-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mahou-theme .mat-datepicker-content.mat-warn,
.mahou-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mahou-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mahou-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.mahou-theme .mat-icon.mat-primary {
  --mat-icon-color: #13322b;
}
.mahou-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.mahou-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.mahou-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.mahou-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.mahou-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #13322b;
  --mat-toolbar-container-text-color: #ffffff;
}
.mahou-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.mahou-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.mahou-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.mahou-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.mahou-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.mahou-theme .back-container {
  color: #13322b;
}
.mahou-theme .back-container:hover {
  opacity: 0.54;
}
.mahou-theme .warn-text {
  color: #e74737;
}
.mahou-theme .inside-modal-title.primary-colored-title,
.mahou-theme .form-title.primary-colored-title {
  color: #13322b;
}
.mahou-theme .full-height-container form .button-container {
  background: white;
}
.mahou-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.mahou-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.mahou-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.mahou-theme .box-checkbox.active-box-checkbox {
  background-color: #13322b;
  color: white;
}
.mahou-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.mahou-theme .box-radio.active-box-radio {
  background-color: #13322b;
  color: white;
}
.mahou-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.mahou-theme .error {
  color: #e74737;
}
.mahou-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.mahou-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.mahou-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.mahou-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.mahou-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.mahou-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.mahou-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.mahou-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.mahou-theme .ql-snow .ql-picker-options {
  background: white;
}
.mahou-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.mahou-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.mahou-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.mahou-theme .ql-snow .ql-fill,
.mahou-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.mahou-theme .ql-snow.ql-toolbar button:hover,
.mahou-theme .ql-snow .ql-toolbar button:hover,
.mahou-theme .ql-snow.ql-toolbar button:focus,
.mahou-theme .ql-snow .ql-toolbar button:focus,
.mahou-theme .ql-snow.ql-toolbar button.ql-active,
.mahou-theme .ql-snow .ql-toolbar button.ql-active,
.mahou-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.mahou-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.mahou-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.mahou-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.mahou-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.mahou-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.mahou-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.mahou-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.mahou-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.mahou-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.mahou-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.mahou-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.mahou-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.mahou-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.mahou-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.mahou-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.mahou-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.mahou-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.mahou-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.mahou-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.mahou-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.mahou-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.mahou-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.mahou-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.mahou-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.mahou-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.mahou-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.mahou-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.mahou-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.mahou-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.mahou-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.mahou-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.mahou-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.mahou-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.mahou-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.mahou-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.mahou-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.mahou-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.mahou-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.mahou-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.mahou-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.mahou-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.mahou-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.mahou-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.mahou-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.mahou-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.mahou-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.mahou-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.mahou-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.mahou-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.mahou-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.mahou-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.mahou-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.mahou-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.mahou-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.mahou-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.mahou-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.mahou-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.mahou-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.mahou-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.mahou-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.mahou-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.mahou-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.mahou-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.mahou-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.mahou-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.mahou-theme bee-form-item {
  margin-right: 0 !important;
}
.mahou-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.mahou-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #13322b;
  height: 38px !important;
}
.mahou-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.mahou-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.mahou-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.mahou-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.mahou-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.mahou-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.mahou-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.mahou-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.mahou-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .mahou-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.mahou-theme .general-container .label-wrapper label {
  color: #13322b !important;
  background-color: white;
}
.mahou-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mahou-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.mahou-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.mahou-theme .general-container .bee-selector .bee-selector-container {
  border-color: #13322b !important;
}
.mahou-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.mahou-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.mahou-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.mahou-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.mahou-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.mahou-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.mahou-theme .general-container .bee-selector .bee-selector-container:focus,
.mahou-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #13322b;
}
.mahou-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.mahou-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #13322b;
}
.mahou-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.mahou-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #13322b;
}
.mahou-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.mahou-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.mahou-theme .general-container .bee-dropdown {
  background: white;
}
.mahou-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #13322b;
}
.mahou-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.mahou-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.mahou-theme .general-container .selector-error {
  color: #e74737;
}
.mahou-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mahou-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.mahou-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.mahou-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.mahou-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #13322b;
}
.mahou-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.mahou-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.mahou-theme .move-image-action-container:hover {
  color: #13322b;
}
.mahou-theme .info-icon {
  color: #13322b;
}
.mahou-theme .email-chip {
  color: #13322b !important;
  background-color: rgba(19, 50, 43, 0.15) !important;
}
.mahou-theme .email-chip .mat-chip-remove {
  color: #13322b !important;
  opacity: 1 !important;
}
.mahou-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.mahou-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.mahou-theme .mat-badge-content {
  color: #13322b !important;
}
.mahou-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #13322b !important;
}
.mahou-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #13322b !important;
}
.mahou-theme #circle-lleno {
  background: #13322b;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.mahou-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.mahou-theme .marine-color {
  color: #0f223e !important;
}
.mahou-theme .primary-color {
  color: #13322b !important;
}
.mahou-theme .gray-color {
  color: #C0C4CA !important;
}
.mahou-theme .primary-color-200 {
  color: #13322b !important;
}
.mahou-theme svg.primary-fill-svg {
  fill: #13322b !important;
}
.mahou-theme .primary-fill {
  fill: #13322b !important;
}
.mahou-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.mahou-theme .primary-border-50 {
  border-color: #13322b !important;
}
.mahou-theme .primary-border-100 {
  border-color: #13322b !important;
}
.mahou-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.mahou-theme .transparent-border-100 {
  border-color: transparent !important;
}
.mahou-theme .primary-border-200 {
  border-color: #13322b !important;
}
.mahou-theme .primary-indicator .mat-expansion-indicator:after {
  color: #13322b;
}
.mahou-theme .contrast-background {
  background-color: #ffffff !important;
}
.mahou-theme .primary-color-small {
  color: rgba(19, 50, 43, 0.6);
}
.mahou-theme .marine-background {
  background-color: #0f223e !important;
}
.mahou-theme .primary-background {
  background-color: #13322b !important;
}
.mahou-theme .primary-background-50 {
  background-color: #13322b !important;
}
.mahou-theme .primary-background-200 {
  background-color: #13322b !important;
}
.mahou-theme .primary-background-800 {
  background-color: #13322b !important;
}
.mahou-theme .white-color {
  color: white !important;
}
.mahou-theme .secondary-color {
  color: #13322b !important;
}
.mahou-theme .secondary-background {
  background-color: #13322b !important;
}
.mahou-theme .secondary-background-semi {
  background-color: #13322b !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #13322b !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.mahou-theme .secondary-background-full {
  background-color: #13322b !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #13322b !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.mahou-theme .secondary-background-empty {
  background-color: #13322b !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #13322b !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.mahou-theme .secondary-border {
  background-color: #13322b !important;
}
.mahou-theme .tertiary-color {
  color: #13322b !important;
}
.mahou-theme button.button-tertiary {
  background-color: #13322b !important;
  color: #13322b !important;
  border: 1px solid #13322b !important;
}
.mahou-theme span.red-text {
  color: #DB1F35 !important;
}
.mahou-theme .tertiary-background {
  background-color: #13322b !important;
}
.mahou-theme .tertiary-border {
  border-color: #13322b !important;
}
.mahou-theme .dark-background {
  background-color: black !important;
}
.mahou-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.mahou-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.mahou-theme .primary-soft-background {
  background-color: rgba(19, 50, 43, 0.1) !important;
}
.mahou-theme .primary-soft-background:hover {
  background-color: rgba(19, 50, 43, 0.15) !important;
}
.mahou-theme .primary-border {
  border-color: #13322b !important;
}
.mahou-theme .default-background {
  background-color: #fafafa !important;
}
.mahou-theme .hover-primary:hover {
  color: #13322b !important;
}
.mahou-theme .hover-primary-background:hover {
  background-color: #13322b !important;
}
.mahou-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.mahou-theme .warn-color {
  color: #e74737 !important;
}
.mahou-theme .warn-border {
  border-color: #e74737 !important;
}
.mahou-theme .accent-color {
  color: #fedd93 !important;
}
.mahou-theme .accent-background {
  background-color: #fedd93 !important;
}
.mahou-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.mahou-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.mahou-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.mahou-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.mahou-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mahou-theme .dialog-table tr .action-icon {
  color: transparent;
}
.mahou-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.mahou-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.mahou-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #13322b;
}
.mahou-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.mahou-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.mahou-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.mahou-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.mahou-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.mahou-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mahou-theme .card-table tr .action-icon {
  color: transparent;
}
.mahou-theme .card-table tr .action-icon button {
  color: transparent;
}
.mahou-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.mahou-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.mahou-theme .card-table tr:hover .action-icon button {
  color: #13322b;
}
.mahou-theme .card-table tr:hover .action-icon:hover {
  color: #13322b;
}
.mahou-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mahou-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.mahou-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.mahou-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.mahou-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #13322b;
}
.mahou-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mahou-theme .no-hover-table tr:hover {
  background: white;
}
.mahou-theme .custom-standard-chip {
  background-color: rgba(19, 50, 43, 0.1) !important;
  color: #13322b !important;
}
.mahou-theme .help-dashboard-card .mat-icon {
  color: #13322b;
}
.mahou-theme .help-dashboard-card:hover {
  background-color: #13322b;
}
.mahou-theme .help-dashboard-card:hover .mat-icon,
.mahou-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.mahou-theme .room-open {
  background-color: #13322b !important;
  color: white !important;
}
.mahou-theme .room-open:hover {
  background-color: #13322b !important;
  color: white !important;
}
.mahou-theme #public-office-page-groups .public-group-button-hover {
  background-color: #13322b !important;
  color: white !important;
}
.mahou-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.mahou-theme .notification-container .show-tip {
  color: transparent;
}
.mahou-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.mahou-theme .notification-container:hover .show-tip {
  color: #13322b;
}
.mahou-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.mahou-theme .notification-container .notification-subject .mat-icon {
  color: #13322b;
}
.mahou-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.mahou-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.mahou-theme .message-container .show-tip {
  color: transparent;
}
.mahou-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.mahou-theme .message-container:hover .show-tip {
  color: #13322b;
}
.mahou-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.mahou-theme .message-container .message-subject .mat-icon {
  color: #13322b;
}
.mahou-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.mahou-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.mahou-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.mahou-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.mahou-theme .primary-200-outline input {
  caret-color: #13322b;
  color: #13322b;
}
.mahou-theme .primary-200-outline label {
  color: #13322b;
}
.mahou-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #13322b !important;
}
.mahou-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #13322b;
}
.mahou-theme mat-form-field .primary-outline label {
  color: #13322b !important;
}
.mahou-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #13322b !important;
}
.mahou-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #13322b !important;
}
.mahou-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.mahou-theme .input-primary input {
  caret-color: #13322b;
  color: #13322b;
}
.mahou-theme .input-primary label {
  color: #13322b;
}
.mahou-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #13322b !important;
}
.mahou-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.mahou-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #13322b;
  border-width: 1px;
}
.mahou-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.mahou-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.mahou-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.mahou-theme .boton-recarga {
  background-color: #13322b;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.mahou-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.mahou-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.mahou-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.mahou-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.mahou-theme .header-container button {
  padding: 0 !important;
}
.mahou-theme .header-container .mat-button {
  min-width: unset !important;
}
.mahou-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.mahou-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mahou-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.mahou-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.mahou-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.mahou-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.mahou-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.mahou-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.mahou-theme .input-recarga-marine {
  border: 1px solid #13322b !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.mahou-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.mahou-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.mahou-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.mahou-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.mahou-theme .color-primary {
  color: #13322b !important;
  fill: #13322b !important;
}
.mahou-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.mahou-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.mahou-theme .primary-contrast {
  color: #ffffff !important;
}
.mahou-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #13322b !important;
}
.mahou-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #13322b !important;
}
.mahou-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.mahou-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #13322b !important;
}
.mahou-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.mahou-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.mahou-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.mahou-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #13322b !important;
}
.mahou-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #13322b !important;
}
.mahou-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #13322b !important;
}
.mahou-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #13322b !important;
}
.mahou-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #13322b !important;
}
.mahou-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.mahou-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #13322b !important;
}
.mahou-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.mahou-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #13322b !important;
}
.mahou-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.mahou-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.mahou-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #13322b !important;
}
.mahou-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #13322b !important;
}
.mahou-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.mahou-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #13322b !important;
}
.mahou-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #13322b !important;
}
.mahou-theme .mat-checkbox-checked .mat-checkbox-background,
.mahou-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #13322b !important;
}
.mahou-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #13322b !important;
}
.mahou-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.mahou-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #13322b !important;
}
.mahou-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.mahou-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #13322b !important;
}
.mahou-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #13322b !important;
}
.mahou-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #13322b !important;
}
.mahou-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.mahou-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.mahou-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.mahou-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.mahou-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #13322b !important;
}
.mahou-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #13322b !important;
}
.mahou-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #13322b !important;
}
.mahou-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.mahou-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #13322b !important;
}
.mahou-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #13322b !important;
}
.mahou-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #13322b !important;
}
.mahou-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.mahou-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.mahou-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #13322b !important;
}
.mahou-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #13322b !important;
}
.mahou-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.mahou-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.mahou-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #13322b !important;
}
.mahou-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.mahou-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.mahou-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.mahou-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #13322b !important;
}
.mahou-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.mahou-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #13322b !important;
}
.mahou-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #13322b !important;
}
.mahou-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #13322b !important;
}
.mahou-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.mahou-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.mahou-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.mahou-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #13322b !important;
}
.mahou-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #13322b !important;
}
.mahou-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #13322b !important;
}
.mahou-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #13322b !important;
}
.mahou-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.mahou-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #13322b !important;
}
.mahou-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #13322b !important;
}
.mahou-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.mahou-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #13322b !important;
}
.mahou-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #13322b !important;
}
.mahou-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.mahou-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.mahou-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.mahou-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #13322b !important;
}
.mahou-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #13322b !important;
}
.mahou-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.mahou-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.mahou-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #13322b !important;
}
.mahou-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #13322b !important;
}
.mahou-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #13322b !important;
}
.mahou-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #13322b !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mahou-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #13322b !important;
}
.mahou-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #13322b !important;
}
.mahou-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #13322b !important;
}
.mahou-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #13322b !important;
}
.mahou-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #13322b !important;
}
.mahou-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.mahou-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.mahou-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.mahou-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.mahou-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.mahou-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #13322b !important;
}
.mahou-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #13322b !important;
}
.mahou-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #13322b !important;
}
.mahou-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #13322b !important;
}
.mahou-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #13322b !important;
}
.mahou-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #13322b !important;
}
.mahou-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.mahou-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #13322b !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.mahou-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.mahou-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.mahou-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.mahou-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.mahou-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.mahou-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #13322b !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.mahou-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #13322b !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #13322b !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.mahou-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #13322b !important;
}
.mahou-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.mahou-theme .button-text-hidden {
  display: none;
}
.bee-bracelit-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #0f223e;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #0f223e 87%, transparent);
  --mat-form-field-filled-caret-color: #0f223e;
  --mat-form-field-filled-focus-active-indicator-color: #0f223e;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #0f223e 87%, transparent);
  --mat-form-field-outlined-caret-color: #0f223e;
  --mat-form-field-outlined-focus-outline-color: #0f223e;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #0f223e 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #0f223e;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #0f223e;
  --mat-slide-toggle-selected-handle-color: #0f223e;
  --mat-slide-toggle-selected-hover-state-layer-color: #0f223e;
  --mat-slide-toggle-selected-pressed-state-layer-color: #0f223e;
  --mat-slide-toggle-selected-focus-handle-color: #0f223e;
  --mat-slide-toggle-selected-hover-handle-color: #0f223e;
  --mat-slide-toggle-selected-pressed-handle-color: #0f223e;
  --mat-slide-toggle-selected-focus-track-color: #576478;
  --mat-slide-toggle-selected-hover-track-color: #576478;
  --mat-slide-toggle-selected-pressed-track-color: #576478;
  --mat-slide-toggle-selected-track-color: #576478;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #0f223e;
  --mat-slider-focus-handle-color: #0f223e;
  --mat-slider-handle-color: #0f223e;
  --mat-slider-hover-handle-color: #0f223e;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #0f223e 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #0f223e 4%, transparent);
  --mat-slider-inactive-track-color: #0f223e;
  --mat-slider-ripple-color: #0f223e;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #0f223e;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #576478;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #0f223e;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #0f223e;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #0f223e 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #0f223e;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #0f223e 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #0f223e 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #0f223e 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #0f223e;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #0f223e;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #0f223e;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #0f223e;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #0f223e;
  --mat-slide-toggle-selected-handle-color: #0f223e;
  --mat-slide-toggle-selected-hover-state-layer-color: #0f223e;
  --mat-slide-toggle-selected-pressed-state-layer-color: #0f223e;
  --mat-slide-toggle-selected-focus-handle-color: #0f223e;
  --mat-slide-toggle-selected-hover-handle-color: #0f223e;
  --mat-slide-toggle-selected-pressed-handle-color: #0f223e;
  --mat-slide-toggle-selected-focus-track-color: #576478;
  --mat-slide-toggle-selected-hover-track-color: #576478;
  --mat-slide-toggle-selected-pressed-track-color: #576478;
  --mat-slide-toggle-selected-track-color: #576478;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-bracelit-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-bracelit-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-bracelit-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #0f223e;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #0f223e;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-bracelit-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-bracelit-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-bracelit-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #0f223e;
  --mat-progress-bar-track-color: rgba(15, 34, 62, 0.25);
}
.bee-bracelit-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.bee-bracelit-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.bee-bracelit-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.bee-bracelit-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.bee-bracelit-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.bee-bracelit-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.bee-bracelit-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.bee-bracelit-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.bee-bracelit-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #0f223e;
  --mat-chip-elevated-disabled-container-color: #0f223e;
  --mat-chip-elevated-selected-container-color: #0f223e;
  --mat-chip-flat-disabled-selected-container-color: #0f223e;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bee-bracelit-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.bee-bracelit-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.bee-bracelit-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.bee-bracelit-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bee-bracelit-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.bee-bracelit-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.bee-bracelit-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.bee-bracelit-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bee-bracelit-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-bracelit-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #0f223e;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #0f223e;
  --mat-radio-selected-hover-icon-color: #0f223e;
  --mat-radio-selected-icon-color: #0f223e;
  --mat-radio-selected-pressed-icon-color: #0f223e;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.bee-bracelit-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.bee-bracelit-theme .mdc-list-item__start,
.bee-bracelit-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #0f223e;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #0f223e;
  --mat-radio-selected-hover-icon-color: #0f223e;
  --mat-radio-selected-icon-color: #0f223e;
  --mat-radio-selected-pressed-icon-color: #0f223e;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme .mat-accent .mdc-list-item__start,
.bee-bracelit-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme .mat-warn .mdc-list-item__start,
.bee-bracelit-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #0f223e;
  --mat-checkbox-selected-hover-icon-color: #0f223e;
  --mat-checkbox-selected-icon-color: #0f223e;
  --mat-checkbox-selected-pressed-icon-color: #0f223e;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #0f223e;
  --mat-checkbox-selected-hover-state-layer-color: #0f223e;
  --mat-checkbox-selected-pressed-state-layer-color: #0f223e;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.bee-bracelit-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.bee-bracelit-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.bee-bracelit-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #0f223e;
}
.bee-bracelit-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.bee-bracelit-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.bee-bracelit-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.bee-bracelit-theme .mdc-list-item__start,
.bee-bracelit-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.bee-bracelit-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.bee-bracelit-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.bee-bracelit-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.bee-bracelit-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.bee-bracelit-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.bee-bracelit-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.bee-bracelit-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.bee-bracelit-theme .mat-mdc-tab-group,
.bee-bracelit-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #0f223e;
  --mat-tab-active-ripple-color: #0f223e;
  --mat-tab-inactive-ripple-color: #0f223e;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #0f223e;
  --mat-tab-active-hover-label-text-color: #0f223e;
  --mat-tab-active-focus-indicator-color: #0f223e;
  --mat-tab-active-hover-indicator-color: #0f223e;
  --mat-tab-active-indicator-color: #0f223e;
}
.bee-bracelit-theme .mat-mdc-tab-group.mat-accent,
.bee-bracelit-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.bee-bracelit-theme .mat-mdc-tab-group.mat-warn,
.bee-bracelit-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.bee-bracelit-theme .mat-mdc-tab-group.mat-background-primary,
.bee-bracelit-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #0f223e;
  --mat-tab-foreground-color: #ffffff;
}
.bee-bracelit-theme .mat-mdc-tab-group.mat-background-accent,
.bee-bracelit-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.bee-bracelit-theme .mat-mdc-tab-group.mat-background-warn,
.bee-bracelit-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.bee-bracelit-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.bee-bracelit-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.bee-bracelit-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #0f223e;
  --mat-checkbox-selected-hover-icon-color: #0f223e;
  --mat-checkbox-selected-icon-color: #0f223e;
  --mat-checkbox-selected-pressed-icon-color: #0f223e;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #0f223e;
  --mat-checkbox-selected-hover-state-layer-color: #0f223e;
  --mat-checkbox-selected-pressed-state-layer-color: #0f223e;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme .mat-mdc-button.mat-primary,
.bee-bracelit-theme .mat-mdc-unelevated-button.mat-primary,
.bee-bracelit-theme .mat-mdc-raised-button.mat-primary,
.bee-bracelit-theme .mat-mdc-outlined-button.mat-primary,
.bee-bracelit-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #0f223e;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #0f223e;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #0f223e 12%, transparent);
  --mat-button-outlined-state-layer-color: #0f223e;
  --mat-button-protected-container-color: #0f223e;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #0f223e;
  --mat-button-text-ripple-color: color-mix(in srgb, #0f223e 12%, transparent);
  --mat-button-text-state-layer-color: #0f223e;
  --mat-button-tonal-container-color: #0f223e;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bee-bracelit-theme .mat-mdc-button.mat-accent,
.bee-bracelit-theme .mat-mdc-unelevated-button.mat-accent,
.bee-bracelit-theme .mat-mdc-raised-button.mat-accent,
.bee-bracelit-theme .mat-mdc-outlined-button.mat-accent,
.bee-bracelit-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.bee-bracelit-theme .mat-mdc-button.mat-warn,
.bee-bracelit-theme .mat-mdc-unelevated-button.mat-warn,
.bee-bracelit-theme .mat-mdc-raised-button.mat-warn,
.bee-bracelit-theme .mat-mdc-outlined-button.mat-warn,
.bee-bracelit-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bee-bracelit-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #0f223e;
  --mat-icon-button-state-layer-color: #0f223e;
  --mat-icon-button-ripple-color: color-mix(in srgb, #0f223e 12%, transparent);
}
.bee-bracelit-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.bee-bracelit-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.bee-bracelit-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.bee-bracelit-theme .mat-mdc-fab.mat-primary,
.bee-bracelit-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #0f223e;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #0f223e 12%, transparent);
  --mat-fab-small-container-color: #0f223e;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bee-bracelit-theme .mat-mdc-fab.mat-accent,
.bee-bracelit-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.bee-bracelit-theme .mat-mdc-fab.mat-warn,
.bee-bracelit-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bee-bracelit-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.bee-bracelit-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.bee-bracelit-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.bee-bracelit-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.bee-bracelit-theme .mat-datepicker-content.mat-accent,
.bee-bracelit-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme .mat-datepicker-content.mat-warn,
.bee-bracelit-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.bee-bracelit-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.bee-bracelit-theme .mat-icon.mat-primary {
  --mat-icon-color: #0f223e;
}
.bee-bracelit-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.bee-bracelit-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.bee-bracelit-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.bee-bracelit-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.bee-bracelit-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #0f223e;
  --mat-toolbar-container-text-color: #ffffff;
}
.bee-bracelit-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.bee-bracelit-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.bee-bracelit-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.bee-bracelit-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bee-bracelit-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-bracelit-theme .back-container {
  color: #0f223e;
}
.bee-bracelit-theme .back-container:hover {
  opacity: 0.54;
}
.bee-bracelit-theme .warn-text {
  color: #e74737;
}
.bee-bracelit-theme .inside-modal-title.primary-colored-title,
.bee-bracelit-theme .form-title.primary-colored-title {
  color: #0f223e;
}
.bee-bracelit-theme .full-height-container form .button-container {
  background: white;
}
.bee-bracelit-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.bee-bracelit-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.bee-bracelit-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-bracelit-theme .box-checkbox.active-box-checkbox {
  background-color: #0f223e;
  color: white;
}
.bee-bracelit-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-bracelit-theme .box-radio.active-box-radio {
  background-color: #0f223e;
  color: white;
}
.bee-bracelit-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme .error {
  color: #e74737;
}
.bee-bracelit-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.bee-bracelit-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-bracelit-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.bee-bracelit-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme .ql-snow .ql-picker-options {
  background: white;
}
.bee-bracelit-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.bee-bracelit-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.bee-bracelit-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.bee-bracelit-theme .ql-snow .ql-fill,
.bee-bracelit-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme .ql-snow.ql-toolbar button:hover,
.bee-bracelit-theme .ql-snow .ql-toolbar button:hover,
.bee-bracelit-theme .ql-snow.ql-toolbar button:focus,
.bee-bracelit-theme .ql-snow .ql-toolbar button:focus,
.bee-bracelit-theme .ql-snow.ql-toolbar button.ql-active,
.bee-bracelit-theme .ql-snow .ql-toolbar button.ql-active,
.bee-bracelit-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.bee-bracelit-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.bee-bracelit-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.bee-bracelit-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.bee-bracelit-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.bee-bracelit-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.bee-bracelit-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.bee-bracelit-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.bee-bracelit-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.bee-bracelit-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.bee-bracelit-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.bee-bracelit-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.bee-bracelit-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.bee-bracelit-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-bracelit-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-bracelit-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-bracelit-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-bracelit-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-bracelit-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-bracelit-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-bracelit-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-bracelit-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-bracelit-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-bracelit-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-bracelit-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-bracelit-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-bracelit-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-bracelit-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-bracelit-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-bracelit-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-bracelit-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-bracelit-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-bracelit-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-bracelit-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.bee-bracelit-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.bee-bracelit-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.bee-bracelit-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.bee-bracelit-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.bee-bracelit-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.bee-bracelit-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.bee-bracelit-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-bracelit-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-bracelit-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-bracelit-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-bracelit-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-bracelit-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-bracelit-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-bracelit-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-bracelit-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.bee-bracelit-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.bee-bracelit-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.bee-bracelit-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.bee-bracelit-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.bee-bracelit-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.bee-bracelit-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-bracelit-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-bracelit-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-bracelit-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-bracelit-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-bracelit-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-bracelit-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.bee-bracelit-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme bee-form-item {
  margin-right: 0 !important;
}
.bee-bracelit-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.bee-bracelit-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #0f223e;
  height: 38px !important;
}
.bee-bracelit-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.bee-bracelit-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.bee-bracelit-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.bee-bracelit-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.bee-bracelit-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.bee-bracelit-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.bee-bracelit-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.bee-bracelit-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.bee-bracelit-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .bee-bracelit-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.bee-bracelit-theme .general-container .label-wrapper label {
  color: #0f223e !important;
  background-color: white;
}
.bee-bracelit-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-bracelit-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.bee-bracelit-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.bee-bracelit-theme .general-container .bee-selector .bee-selector-container {
  border-color: #0f223e !important;
}
.bee-bracelit-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.bee-bracelit-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.bee-bracelit-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.bee-bracelit-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme .general-container .bee-selector .bee-selector-container:focus,
.bee-bracelit-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #0f223e;
}
.bee-bracelit-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.bee-bracelit-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #0f223e;
}
.bee-bracelit-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.bee-bracelit-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #0f223e;
}
.bee-bracelit-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bee-bracelit-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-bracelit-theme .general-container .bee-dropdown {
  background: white;
}
.bee-bracelit-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #0f223e;
}
.bee-bracelit-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.bee-bracelit-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.bee-bracelit-theme .general-container .selector-error {
  color: #e74737;
}
.bee-bracelit-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-bracelit-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.bee-bracelit-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.bee-bracelit-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #0f223e;
}
.bee-bracelit-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bee-bracelit-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-bracelit-theme .move-image-action-container:hover {
  color: #0f223e;
}
.bee-bracelit-theme .info-icon {
  color: #0f223e;
}
.bee-bracelit-theme .email-chip {
  color: #0f223e !important;
  background-color: rgba(15, 34, 62, 0.15) !important;
}
.bee-bracelit-theme .email-chip .mat-chip-remove {
  color: #0f223e !important;
  opacity: 1 !important;
}
.bee-bracelit-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.bee-bracelit-theme .mat-badge-content {
  color: #0f223e !important;
}
.bee-bracelit-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #0f223e !important;
}
.bee-bracelit-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #0f223e !important;
}
.bee-bracelit-theme #circle-lleno {
  background: #18A1B9;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.bee-bracelit-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.bee-bracelit-theme .marine-color {
  color: #0f223e !important;
}
.bee-bracelit-theme .primary-color {
  color: #0f223e !important;
}
.bee-bracelit-theme .gray-color {
  color: #C0C4CA !important;
}
.bee-bracelit-theme .primary-color-200 {
  color: #c0c4ca !important;
}
.bee-bracelit-theme svg.primary-fill-svg {
  fill: #0f223e !important;
}
.bee-bracelit-theme .primary-fill {
  fill: #0f223e !important;
}
.bee-bracelit-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-bracelit-theme .primary-border-50 {
  border-color: #e2e4e8 !important;
}
.bee-bracelit-theme .primary-border-100 {
  border-color: #b7bdc5 !important;
}
.bee-bracelit-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.bee-bracelit-theme .transparent-border-100 {
  border-color: transparent !important;
}
.bee-bracelit-theme .primary-border-200 {
  border-color: #c0c4ca !important;
}
.bee-bracelit-theme .primary-indicator .mat-expansion-indicator:after {
  color: #0f223e;
}
.bee-bracelit-theme .contrast-background {
  background-color: #ffffff !important;
}
.bee-bracelit-theme .primary-color-small {
  color: rgba(15, 34, 62, 0.6);
}
.bee-bracelit-theme .marine-background {
  background-color: #0f223e !important;
}
.bee-bracelit-theme .primary-background {
  background-color: #0f223e !important;
}
.bee-bracelit-theme .primary-background-50 {
  background-color: #e2e4e8 !important;
}
.bee-bracelit-theme .primary-background-200 {
  background-color: #c0c4ca !important;
}
.bee-bracelit-theme .primary-background-800 {
  background-color: #081428 !important;
}
.bee-bracelit-theme .white-color {
  color: white !important;
}
.bee-bracelit-theme .secondary-color {
  color: #18A1B9 !important;
}
.bee-bracelit-theme .secondary-background {
  background-color: #18A1B9 !important;
}
.bee-bracelit-theme .secondary-background-semi {
  background-color: #0f223e !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #0f223e !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-bracelit-theme .secondary-background-full {
  background-color: #0f223e !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #0f223e !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-bracelit-theme .secondary-background-empty {
  background-color: #0f223e !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #0f223e !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-bracelit-theme .secondary-border {
  background-color: #18A1B9 !important;
}
.bee-bracelit-theme .tertiary-color {
  color: #5df897 !important;
}
.bee-bracelit-theme button.button-tertiary {
  background-color: #5df897 !important;
  color: #0f223e !important;
  border: 1px solid #0f223e !important;
}
.bee-bracelit-theme span.red-text {
  color: #DB1F35 !important;
}
.bee-bracelit-theme .tertiary-background {
  background-color: #5df897 !important;
}
.bee-bracelit-theme .tertiary-border {
  border-color: #5df897 !important;
}
.bee-bracelit-theme .dark-background {
  background-color: black !important;
}
.bee-bracelit-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.bee-bracelit-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.bee-bracelit-theme .primary-soft-background {
  background-color: rgba(15, 34, 62, 0.1) !important;
}
.bee-bracelit-theme .primary-soft-background:hover {
  background-color: rgba(15, 34, 62, 0.15) !important;
}
.bee-bracelit-theme .primary-border {
  border-color: #0f223e !important;
}
.bee-bracelit-theme .default-background {
  background-color: #fafafa !important;
}
.bee-bracelit-theme .hover-primary:hover {
  color: #0f223e !important;
}
.bee-bracelit-theme .hover-primary-background:hover {
  background-color: #0f223e !important;
}
.bee-bracelit-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.bee-bracelit-theme .warn-color {
  color: #e74737 !important;
}
.bee-bracelit-theme .warn-border {
  border-color: #e74737 !important;
}
.bee-bracelit-theme .accent-color {
  color: #fedd93 !important;
}
.bee-bracelit-theme .accent-background {
  background-color: #fedd93 !important;
}
.bee-bracelit-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.bee-bracelit-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.bee-bracelit-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-bracelit-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-bracelit-theme .dialog-table tr .action-icon {
  color: transparent;
}
.bee-bracelit-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bee-bracelit-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #0f223e;
}
.bee-bracelit-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-bracelit-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.bee-bracelit-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.bee-bracelit-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-bracelit-theme .card-table tr .action-icon {
  color: transparent;
}
.bee-bracelit-theme .card-table tr .action-icon button {
  color: transparent;
}
.bee-bracelit-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-bracelit-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme .card-table tr:hover .action-icon button {
  color: #0f223e;
}
.bee-bracelit-theme .card-table tr:hover .action-icon:hover {
  color: #0f223e;
}
.bee-bracelit-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-bracelit-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.bee-bracelit-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-bracelit-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #0f223e;
}
.bee-bracelit-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-bracelit-theme .no-hover-table tr:hover {
  background: white;
}
.bee-bracelit-theme .custom-standard-chip {
  background-color: rgba(15, 34, 62, 0.1) !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .help-dashboard-card .mat-icon {
  color: #0f223e;
}
.bee-bracelit-theme .help-dashboard-card:hover {
  background-color: #0f223e;
}
.bee-bracelit-theme .help-dashboard-card:hover .mat-icon,
.bee-bracelit-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.bee-bracelit-theme .room-open {
  background-color: #0f223e !important;
  color: white !important;
}
.bee-bracelit-theme .room-open:hover {
  background-color: #0f223e !important;
  color: white !important;
}
.bee-bracelit-theme #public-office-page-groups .public-group-button-hover {
  background-color: #0f223e !important;
  color: white !important;
}
.bee-bracelit-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-bracelit-theme .notification-container .show-tip {
  color: transparent;
}
.bee-bracelit-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-bracelit-theme .notification-container:hover .show-tip {
  color: #0f223e;
}
.bee-bracelit-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-bracelit-theme .notification-container .notification-subject .mat-icon {
  color: #0f223e;
}
.bee-bracelit-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-bracelit-theme .message-container .show-tip {
  color: transparent;
}
.bee-bracelit-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-bracelit-theme .message-container:hover .show-tip {
  color: #0f223e;
}
.bee-bracelit-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-bracelit-theme .message-container .message-subject .mat-icon {
  color: #0f223e;
}
.bee-bracelit-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.bee-bracelit-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.bee-bracelit-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.bee-bracelit-theme .primary-200-outline input {
  caret-color: #c0c4ca;
  color: #0f223e;
}
.bee-bracelit-theme .primary-200-outline label {
  color: #c0c4ca;
}
.bee-bracelit-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #c0c4ca !important;
}
.bee-bracelit-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #c0c4ca;
}
.bee-bracelit-theme mat-form-field .primary-outline label {
  color: #0f223e !important;
}
.bee-bracelit-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #0f223e !important;
}
.bee-bracelit-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #0f223e !important;
}
.bee-bracelit-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.bee-bracelit-theme .input-primary input {
  caret-color: #0f223e;
  color: #0f223e;
}
.bee-bracelit-theme .input-primary label {
  color: #0f223e;
}
.bee-bracelit-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #0f223e !important;
}
.bee-bracelit-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.bee-bracelit-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #0f223e;
  border-width: 1px;
}
.bee-bracelit-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.bee-bracelit-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.bee-bracelit-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.bee-bracelit-theme .boton-recarga {
  background-color: #0f223e;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.bee-bracelit-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.bee-bracelit-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.bee-bracelit-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.bee-bracelit-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.bee-bracelit-theme .header-container button {
  padding: 0 !important;
}
.bee-bracelit-theme .header-container .mat-button {
  min-width: unset !important;
}
.bee-bracelit-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.bee-bracelit-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bee-bracelit-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.bee-bracelit-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.bee-bracelit-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-bracelit-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-bracelit-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-bracelit-theme .input-recarga-marine {
  border: 1px solid #0f223e !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-bracelit-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-bracelit-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-bracelit-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-bracelit-theme .color-primary {
  color: #0f223e !important;
  fill: #0f223e !important;
}
.bee-bracelit-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.bee-bracelit-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.bee-bracelit-theme .primary-contrast {
  color: #ffffff !important;
}
.bee-bracelit-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.bee-bracelit-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-bracelit-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-bracelit-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-bracelit-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-bracelit-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-bracelit-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-bracelit-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-bracelit-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #18A1B9 !important;
}
.bee-bracelit-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-bracelit-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .mat-checkbox-checked .mat-checkbox-background,
.bee-bracelit-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #0f223e !important;
}
.bee-bracelit-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #c0c4ca !important;
}
.bee-bracelit-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.bee-bracelit-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.bee-bracelit-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.bee-bracelit-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-bracelit-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-bracelit-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-bracelit-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.bee-bracelit-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.bee-bracelit-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.bee-bracelit-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.bee-bracelit-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.bee-bracelit-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-bracelit-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-bracelit-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #18A1B9 !important;
}
.bee-bracelit-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #18A1B9 !important;
}
.bee-bracelit-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.bee-bracelit-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.bee-bracelit-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bee-bracelit-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bee-bracelit-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.bee-bracelit-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #18A1B9 !important;
}
.bee-bracelit-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #18A1B9 !important;
}
.bee-bracelit-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.bee-bracelit-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.bee-bracelit-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #5df897 !important;
}
.bee-bracelit-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #5df897 !important;
}
.bee-bracelit-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #5df897 !important;
}
.bee-bracelit-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #5df897 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bee-bracelit-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #5df897 !important;
}
.bee-bracelit-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #5df897 !important;
}
.bee-bracelit-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bee-bracelit-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.bee-bracelit-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bee-bracelit-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.bee-bracelit-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.bee-bracelit-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.bee-bracelit-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #0f223e !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.bee-bracelit-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.bee-bracelit-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.bee-bracelit-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.bee-bracelit-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.bee-bracelit-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.bee-bracelit-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #18A1B9 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-bracelit-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #0f223e !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #0f223e !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-bracelit-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #0f223e !important;
}
.bee-bracelit-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.bee-bracelit-theme .button-text-hidden {
  display: none;
}
.bee-bracelit-theme2 {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #dc0d15;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #dc0d15 87%, transparent);
  --mat-form-field-filled-caret-color: #dc0d15;
  --mat-form-field-filled-focus-active-indicator-color: #dc0d15;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #dc0d15 87%, transparent);
  --mat-form-field-outlined-caret-color: #dc0d15;
  --mat-form-field-outlined-focus-outline-color: #dc0d15;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #dc0d15 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #185a7d;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #185a7d;
  --mat-form-field-filled-error-focus-label-text-color: #185a7d;
  --mat-form-field-filled-error-label-text-color: #185a7d;
  --mat-form-field-filled-error-caret-color: #185a7d;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #185a7d;
  --mat-form-field-filled-error-focus-active-indicator-color: #185a7d;
  --mat-form-field-filled-error-hover-active-indicator-color: #185a7d;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #185a7d;
  --mat-form-field-outlined-error-focus-label-text-color: #185a7d;
  --mat-form-field-outlined-error-label-text-color: #185a7d;
  --mat-form-field-outlined-error-hover-label-text-color: #185a7d;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #185a7d;
  --mat-form-field-outlined-error-hover-outline-color: #185a7d;
  --mat-form-field-outlined-error-outline-color: #185a7d;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #dc0d15;
  --mat-select-invalid-arrow-color: #185a7d;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #dc0d15;
  --mat-slide-toggle-selected-handle-color: #dc0d15;
  --mat-slide-toggle-selected-hover-state-layer-color: #dc0d15;
  --mat-slide-toggle-selected-pressed-state-layer-color: #dc0d15;
  --mat-slide-toggle-selected-focus-handle-color: #dc0d15;
  --mat-slide-toggle-selected-hover-handle-color: #dc0d15;
  --mat-slide-toggle-selected-pressed-handle-color: #dc0d15;
  --mat-slide-toggle-selected-focus-track-color: #e57373;
  --mat-slide-toggle-selected-hover-track-color: #e57373;
  --mat-slide-toggle-selected-pressed-track-color: #e57373;
  --mat-slide-toggle-selected-track-color: #e57373;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #dc0d15;
  --mat-slider-focus-handle-color: #dc0d15;
  --mat-slider-handle-color: #dc0d15;
  --mat-slider-hover-handle-color: #dc0d15;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #dc0d15 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #dc0d15 4%, transparent);
  --mat-slider-inactive-track-color: #dc0d15;
  --mat-slider-ripple-color: #dc0d15;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #dc0d15;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #e57373;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #dc0d15;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #dc0d15;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #dc0d15 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #dc0d15;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #dc0d15 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #dc0d15 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #dc0d15 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #dc0d15;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #dc0d15;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #dc0d15;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #dc0d15;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #185a7d;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #185a7d;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #dc0d15;
  --mat-slide-toggle-selected-handle-color: #dc0d15;
  --mat-slide-toggle-selected-hover-state-layer-color: #dc0d15;
  --mat-slide-toggle-selected-pressed-state-layer-color: #dc0d15;
  --mat-slide-toggle-selected-focus-handle-color: #dc0d15;
  --mat-slide-toggle-selected-hover-handle-color: #dc0d15;
  --mat-slide-toggle-selected-pressed-handle-color: #dc0d15;
  --mat-slide-toggle-selected-focus-track-color: #e57373;
  --mat-slide-toggle-selected-hover-track-color: #e57373;
  --mat-slide-toggle-selected-pressed-track-color: #e57373;
  --mat-slide-toggle-selected-track-color: #e57373;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-bracelit-theme2 .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-bracelit-theme2 .mat-warn {
  --mat-option-selected-state-label-text-color: #185a7d;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-bracelit-theme2 .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #dc0d15;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #dc0d15;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-bracelit-theme2 .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-bracelit-theme2 .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #185a7d;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #185a7d;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-bracelit-theme2 .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #dc0d15;
  --mat-progress-bar-track-color: rgba(220, 13, 21, 0.25);
}
.bee-bracelit-theme2 .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.bee-bracelit-theme2 .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #185a7d;
  --mat-progress-bar-track-color: rgba(24, 90, 125, 0.25);
}
.bee-bracelit-theme2 .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.bee-bracelit-theme2 .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #185a7d 87%, transparent);
  --mat-form-field-filled-caret-color: #185a7d;
  --mat-form-field-filled-focus-active-indicator-color: #185a7d;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #185a7d 87%, transparent);
  --mat-form-field-outlined-caret-color: #185a7d;
  --mat-form-field-outlined-focus-outline-color: #185a7d;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #185a7d 87%, transparent);
}
.bee-bracelit-theme2 .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #185a7d;
}
.bee-bracelit-theme2 .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #185a7d;
  --mat-select-invalid-arrow-color: #185a7d;
}
.bee-bracelit-theme2 .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.bee-bracelit-theme2 .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme2 .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.bee-bracelit-theme2 .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #dc0d15;
  --mat-chip-elevated-disabled-container-color: #dc0d15;
  --mat-chip-elevated-selected-container-color: #dc0d15;
  --mat-chip-flat-disabled-selected-container-color: #dc0d15;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bee-bracelit-theme2 .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.bee-bracelit-theme2 .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.bee-bracelit-theme2 .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.bee-bracelit-theme2 .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #185a7d;
  --mat-chip-elevated-disabled-container-color: #185a7d;
  --mat-chip-elevated-selected-container-color: #185a7d;
  --mat-chip-flat-disabled-selected-container-color: #185a7d;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bee-bracelit-theme2 .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.bee-bracelit-theme2 .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.bee-bracelit-theme2 .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.bee-bracelit-theme2 .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #185a7d;
  --mat-slide-toggle-selected-handle-color: #185a7d;
  --mat-slide-toggle-selected-hover-state-layer-color: #185a7d;
  --mat-slide-toggle-selected-pressed-state-layer-color: #185a7d;
  --mat-slide-toggle-selected-focus-handle-color: #185a7d;
  --mat-slide-toggle-selected-hover-handle-color: #185a7d;
  --mat-slide-toggle-selected-pressed-handle-color: #185a7d;
  --mat-slide-toggle-selected-focus-track-color: #5d8ca4;
  --mat-slide-toggle-selected-hover-track-color: #5d8ca4;
  --mat-slide-toggle-selected-pressed-track-color: #5d8ca4;
  --mat-slide-toggle-selected-track-color: #5d8ca4;
}
.bee-bracelit-theme2 .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-bracelit-theme2 .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #dc0d15;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #dc0d15;
  --mat-radio-selected-hover-icon-color: #dc0d15;
  --mat-radio-selected-icon-color: #dc0d15;
  --mat-radio-selected-pressed-icon-color: #dc0d15;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme2 .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme2 .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #185a7d;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #185a7d;
  --mat-radio-selected-hover-icon-color: #185a7d;
  --mat-radio-selected-icon-color: #185a7d;
  --mat-radio-selected-pressed-icon-color: #185a7d;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme2 .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.bee-bracelit-theme2 .mat-warn {
  --mat-slider-active-track-color: #185a7d;
  --mat-slider-focus-handle-color: #185a7d;
  --mat-slider-handle-color: #185a7d;
  --mat-slider-hover-handle-color: #185a7d;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #185a7d 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #185a7d 4%, transparent);
  --mat-slider-inactive-track-color: #185a7d;
  --mat-slider-ripple-color: #185a7d;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #185a7d;
}
.bee-bracelit-theme2 .mdc-list-item__start,
.bee-bracelit-theme2 .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #dc0d15;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #dc0d15;
  --mat-radio-selected-hover-icon-color: #dc0d15;
  --mat-radio-selected-icon-color: #dc0d15;
  --mat-radio-selected-pressed-icon-color: #dc0d15;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme2 .mat-accent .mdc-list-item__start,
.bee-bracelit-theme2 .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme2 .mat-warn .mdc-list-item__start,
.bee-bracelit-theme2 .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #185a7d;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #185a7d;
  --mat-radio-selected-hover-icon-color: #185a7d;
  --mat-radio-selected-icon-color: #185a7d;
  --mat-radio-selected-pressed-icon-color: #185a7d;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme2 .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #dc0d15;
  --mat-checkbox-selected-hover-icon-color: #dc0d15;
  --mat-checkbox-selected-icon-color: #dc0d15;
  --mat-checkbox-selected-pressed-icon-color: #dc0d15;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc0d15;
  --mat-checkbox-selected-hover-state-layer-color: #dc0d15;
  --mat-checkbox-selected-pressed-state-layer-color: #dc0d15;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme2 .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme2 .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #185a7d;
  --mat-checkbox-selected-hover-icon-color: #185a7d;
  --mat-checkbox-selected-icon-color: #185a7d;
  --mat-checkbox-selected-pressed-icon-color: #185a7d;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #185a7d;
  --mat-checkbox-selected-hover-state-layer-color: #185a7d;
  --mat-checkbox-selected-pressed-state-layer-color: #185a7d;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme2 .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.bee-bracelit-theme2 .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.bee-bracelit-theme2 .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.bee-bracelit-theme2 .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #dc0d15;
}
.bee-bracelit-theme2 .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.bee-bracelit-theme2 .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.bee-bracelit-theme2 .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.bee-bracelit-theme2 .mdc-list-item__start,
.bee-bracelit-theme2 .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.bee-bracelit-theme2 .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.bee-bracelit-theme2 .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.bee-bracelit-theme2 .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.bee-bracelit-theme2 .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.bee-bracelit-theme2 .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.bee-bracelit-theme2 .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.bee-bracelit-theme2 .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.bee-bracelit-theme2 .mat-mdc-tab-group,
.bee-bracelit-theme2 .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #dc0d15;
  --mat-tab-active-ripple-color: #dc0d15;
  --mat-tab-inactive-ripple-color: #dc0d15;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #dc0d15;
  --mat-tab-active-hover-label-text-color: #dc0d15;
  --mat-tab-active-focus-indicator-color: #dc0d15;
  --mat-tab-active-hover-indicator-color: #dc0d15;
  --mat-tab-active-indicator-color: #dc0d15;
}
.bee-bracelit-theme2 .mat-mdc-tab-group.mat-accent,
.bee-bracelit-theme2 .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.bee-bracelit-theme2 .mat-mdc-tab-group.mat-warn,
.bee-bracelit-theme2 .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #185a7d;
  --mat-tab-active-ripple-color: #185a7d;
  --mat-tab-inactive-ripple-color: #185a7d;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #185a7d;
  --mat-tab-active-hover-label-text-color: #185a7d;
  --mat-tab-active-focus-indicator-color: #185a7d;
  --mat-tab-active-hover-indicator-color: #185a7d;
  --mat-tab-active-indicator-color: #185a7d;
}
.bee-bracelit-theme2 .mat-mdc-tab-group.mat-background-primary,
.bee-bracelit-theme2 .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #dc0d15;
  --mat-tab-foreground-color: #ffffff;
}
.bee-bracelit-theme2 .mat-mdc-tab-group.mat-background-accent,
.bee-bracelit-theme2 .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.bee-bracelit-theme2 .mat-mdc-tab-group.mat-background-warn,
.bee-bracelit-theme2 .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #185a7d;
  --mat-tab-foreground-color: #ffffff;
}
.bee-bracelit-theme2 .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.bee-bracelit-theme2 .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.bee-bracelit-theme2 .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #dc0d15;
  --mat-checkbox-selected-hover-icon-color: #dc0d15;
  --mat-checkbox-selected-icon-color: #dc0d15;
  --mat-checkbox-selected-pressed-icon-color: #dc0d15;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc0d15;
  --mat-checkbox-selected-hover-state-layer-color: #dc0d15;
  --mat-checkbox-selected-pressed-state-layer-color: #dc0d15;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme2 .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #185a7d;
  --mat-checkbox-selected-hover-icon-color: #185a7d;
  --mat-checkbox-selected-icon-color: #185a7d;
  --mat-checkbox-selected-pressed-icon-color: #185a7d;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #185a7d;
  --mat-checkbox-selected-hover-state-layer-color: #185a7d;
  --mat-checkbox-selected-pressed-state-layer-color: #185a7d;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme2 .mat-mdc-button.mat-primary,
.bee-bracelit-theme2 .mat-mdc-unelevated-button.mat-primary,
.bee-bracelit-theme2 .mat-mdc-raised-button.mat-primary,
.bee-bracelit-theme2 .mat-mdc-outlined-button.mat-primary,
.bee-bracelit-theme2 .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #dc0d15;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #dc0d15;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #dc0d15 12%, transparent);
  --mat-button-outlined-state-layer-color: #dc0d15;
  --mat-button-protected-container-color: #dc0d15;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #dc0d15;
  --mat-button-text-ripple-color: color-mix(in srgb, #dc0d15 12%, transparent);
  --mat-button-text-state-layer-color: #dc0d15;
  --mat-button-tonal-container-color: #dc0d15;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bee-bracelit-theme2 .mat-mdc-button.mat-accent,
.bee-bracelit-theme2 .mat-mdc-unelevated-button.mat-accent,
.bee-bracelit-theme2 .mat-mdc-raised-button.mat-accent,
.bee-bracelit-theme2 .mat-mdc-outlined-button.mat-accent,
.bee-bracelit-theme2 .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.bee-bracelit-theme2 .mat-mdc-button.mat-warn,
.bee-bracelit-theme2 .mat-mdc-unelevated-button.mat-warn,
.bee-bracelit-theme2 .mat-mdc-raised-button.mat-warn,
.bee-bracelit-theme2 .mat-mdc-outlined-button.mat-warn,
.bee-bracelit-theme2 .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #185a7d;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #185a7d;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #185a7d 12%, transparent);
  --mat-button-outlined-state-layer-color: #185a7d;
  --mat-button-protected-container-color: #185a7d;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #185a7d;
  --mat-button-text-ripple-color: color-mix(in srgb, #185a7d 12%, transparent);
  --mat-button-text-state-layer-color: #185a7d;
  --mat-button-tonal-container-color: #185a7d;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bee-bracelit-theme2 .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #dc0d15;
  --mat-icon-button-state-layer-color: #dc0d15;
  --mat-icon-button-ripple-color: color-mix(in srgb, #dc0d15 12%, transparent);
}
.bee-bracelit-theme2 .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.bee-bracelit-theme2 .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #185a7d;
  --mat-icon-button-state-layer-color: #185a7d;
  --mat-icon-button-ripple-color: color-mix(in srgb, #185a7d 12%, transparent);
}
.bee-bracelit-theme2 .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.bee-bracelit-theme2 .mat-mdc-fab.mat-primary,
.bee-bracelit-theme2 .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #dc0d15;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #dc0d15 12%, transparent);
  --mat-fab-small-container-color: #dc0d15;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bee-bracelit-theme2 .mat-mdc-fab.mat-accent,
.bee-bracelit-theme2 .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.bee-bracelit-theme2 .mat-mdc-fab.mat-warn,
.bee-bracelit-theme2 .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #185a7d;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #185a7d 12%, transparent);
  --mat-fab-small-container-color: #185a7d;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bee-bracelit-theme2 .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.bee-bracelit-theme2 .mat-warn {
  --mat-progress-spinner-active-indicator-color: #185a7d;
}
.bee-bracelit-theme2 .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.bee-bracelit-theme2 .mat-badge-warn {
  --mat-badge-background-color: #185a7d;
  --mat-badge-text-color: #ffffff;
}
.bee-bracelit-theme2 .mat-datepicker-content.mat-accent,
.bee-bracelit-theme2 .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme2 .mat-datepicker-content.mat-warn,
.bee-bracelit-theme2 .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #185a7d 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #185a7d;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #185a7d 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #185a7d 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #185a7d 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #185a7d;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme2 .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.bee-bracelit-theme2 .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.bee-bracelit-theme2 .mat-icon.mat-primary {
  --mat-icon-color: #dc0d15;
}
.bee-bracelit-theme2 .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.bee-bracelit-theme2 .mat-icon.mat-warn {
  --mat-icon-color: #185a7d;
}
.bee-bracelit-theme2 .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.bee-bracelit-theme2 .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #185a7d;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #185a7d;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #185a7d;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.bee-bracelit-theme2 .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #dc0d15;
  --mat-toolbar-container-text-color: #ffffff;
}
.bee-bracelit-theme2 .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.bee-bracelit-theme2 .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #185a7d;
  --mat-toolbar-container-text-color: #ffffff;
}
.bee-bracelit-theme2 .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.bee-bracelit-theme2 .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #185a7d;
  --mat-slide-toggle-selected-handle-color: #185a7d;
  --mat-slide-toggle-selected-hover-state-layer-color: #185a7d;
  --mat-slide-toggle-selected-pressed-state-layer-color: #185a7d;
  --mat-slide-toggle-selected-focus-handle-color: #185a7d;
  --mat-slide-toggle-selected-hover-handle-color: #185a7d;
  --mat-slide-toggle-selected-pressed-handle-color: #185a7d;
  --mat-slide-toggle-selected-focus-track-color: #5d8ca4;
  --mat-slide-toggle-selected-hover-track-color: #5d8ca4;
  --mat-slide-toggle-selected-pressed-track-color: #5d8ca4;
  --mat-slide-toggle-selected-track-color: #5d8ca4;
}
.bee-bracelit-theme2 .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-bracelit-theme2 .back-container {
  color: #dc0d15;
}
.bee-bracelit-theme2 .back-container:hover {
  opacity: 0.54;
}
.bee-bracelit-theme2 .warn-text {
  color: #185a7d;
}
.bee-bracelit-theme2 .inside-modal-title.primary-colored-title,
.bee-bracelit-theme2 .form-title.primary-colored-title {
  color: #dc0d15;
}
.bee-bracelit-theme2 .full-height-container form .button-container {
  background: white;
}
.bee-bracelit-theme2 label {
  color: rgba(0, 0, 0, 0.6);
}
.bee-bracelit-theme2 .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.bee-bracelit-theme2 .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-bracelit-theme2 .box-checkbox.active-box-checkbox {
  background-color: #dc0d15;
  color: white;
}
.bee-bracelit-theme2 .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-bracelit-theme2 .box-radio.active-box-radio {
  background-color: #dc0d15;
  color: white;
}
.bee-bracelit-theme2 .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme2 .error {
  color: #185a7d;
}
.bee-bracelit-theme2 .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.bee-bracelit-theme2 .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme2 .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-bracelit-theme2 .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.bee-bracelit-theme2 .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme2 .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme2 .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme2 .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme2 .ql-snow .ql-picker-options {
  background: white;
}
.bee-bracelit-theme2 .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.bee-bracelit-theme2 .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.bee-bracelit-theme2 .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.bee-bracelit-theme2 .ql-snow .ql-fill,
.bee-bracelit-theme2 .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme2 .ql-snow.ql-toolbar button:hover,
.bee-bracelit-theme2 .ql-snow .ql-toolbar button:hover,
.bee-bracelit-theme2 .ql-snow.ql-toolbar button:focus,
.bee-bracelit-theme2 .ql-snow .ql-toolbar button:focus,
.bee-bracelit-theme2 .ql-snow.ql-toolbar button.ql-active,
.bee-bracelit-theme2 .ql-snow .ql-toolbar button.ql-active,
.bee-bracelit-theme2 .ql-snow.ql-toolbar .ql-picker-label:hover,
.bee-bracelit-theme2 .ql-snow .ql-toolbar .ql-picker-label:hover,
.bee-bracelit-theme2 .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.bee-bracelit-theme2 .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.bee-bracelit-theme2 .ql-snow.ql-toolbar .ql-picker-item:hover,
.bee-bracelit-theme2 .ql-snow .ql-toolbar .ql-picker-item:hover,
.bee-bracelit-theme2 .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.bee-bracelit-theme2 .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme2 .ql-snow.ql-toolbar button:hover .ql-fill,
.bee-bracelit-theme2 .ql-snow .ql-toolbar button:hover .ql-fill,
.bee-bracelit-theme2 .ql-snow.ql-toolbar button:focus .ql-fill,
.bee-bracelit-theme2 .ql-snow .ql-toolbar button:focus .ql-fill,
.bee-bracelit-theme2 .ql-snow.ql-toolbar button.ql-active .ql-fill,
.bee-bracelit-theme2 .ql-snow .ql-toolbar button.ql-active .ql-fill,
.bee-bracelit-theme2 .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-bracelit-theme2 .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-bracelit-theme2 .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-bracelit-theme2 .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-bracelit-theme2 .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-bracelit-theme2 .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-bracelit-theme2 .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-bracelit-theme2 .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-bracelit-theme2 .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-bracelit-theme2 .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-bracelit-theme2 .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-bracelit-theme2 .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-bracelit-theme2 .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-bracelit-theme2 .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-bracelit-theme2 .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-bracelit-theme2 .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-bracelit-theme2 .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-bracelit-theme2 .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-bracelit-theme2 .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-bracelit-theme2 .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-bracelit-theme2 .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.bee-bracelit-theme2 .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme2 .ql-snow.ql-toolbar button:hover .ql-stroke,
.bee-bracelit-theme2 .ql-snow .ql-toolbar button:hover .ql-stroke,
.bee-bracelit-theme2 .ql-snow.ql-toolbar button:focus .ql-stroke,
.bee-bracelit-theme2 .ql-snow .ql-toolbar button:focus .ql-stroke,
.bee-bracelit-theme2 .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.bee-bracelit-theme2 .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.bee-bracelit-theme2 .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-bracelit-theme2 .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-bracelit-theme2 .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-bracelit-theme2 .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-bracelit-theme2 .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-bracelit-theme2 .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-bracelit-theme2 .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-bracelit-theme2 .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-bracelit-theme2 .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.bee-bracelit-theme2 .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.bee-bracelit-theme2 .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.bee-bracelit-theme2 .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.bee-bracelit-theme2 .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.bee-bracelit-theme2 .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.bee-bracelit-theme2 .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-bracelit-theme2 .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-bracelit-theme2 .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-bracelit-theme2 .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-bracelit-theme2 .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-bracelit-theme2 .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-bracelit-theme2 .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.bee-bracelit-theme2 .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme2 .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme2 .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme2 bee-form-item {
  margin-right: 0 !important;
}
.bee-bracelit-theme2 bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.bee-bracelit-theme2 bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #dc0d15;
  height: 38px !important;
}
.bee-bracelit-theme2 bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.bee-bracelit-theme2 bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.bee-bracelit-theme2 bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.bee-bracelit-theme2 bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.bee-bracelit-theme2 bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.bee-bracelit-theme2 bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.bee-bracelit-theme2 bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.bee-bracelit-theme2 bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.bee-bracelit-theme2 bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .bee-bracelit-theme2 bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.bee-bracelit-theme2 .general-container .label-wrapper label {
  color: #dc0d15 !important;
  background-color: white;
}
.bee-bracelit-theme2 .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-bracelit-theme2 .general-container .label-wrapper label.selector-error {
  color: #185a7d;
}
.bee-bracelit-theme2 .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.bee-bracelit-theme2 .general-container .bee-selector .bee-selector-container {
  border-color: #dc0d15 !important;
}
.bee-bracelit-theme2 .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.bee-bracelit-theme2 .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.bee-bracelit-theme2 .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme2 .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.bee-bracelit-theme2 .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme2 .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme2 .general-container .bee-selector .bee-selector-container:focus,
.bee-bracelit-theme2 .general-container .bee-selector .bee-selector-container.open {
  border-color: #dc0d15;
}
.bee-bracelit-theme2 .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.bee-bracelit-theme2 .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #dc0d15;
}
.bee-bracelit-theme2 .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.bee-bracelit-theme2 .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #dc0d15;
}
.bee-bracelit-theme2 .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #185a7d;
}
.bee-bracelit-theme2 .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-bracelit-theme2 .general-container .bee-dropdown {
  background: white;
}
.bee-bracelit-theme2 .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #dc0d15;
}
.bee-bracelit-theme2 .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.bee-bracelit-theme2 .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.bee-bracelit-theme2 .general-container .selector-error {
  color: #185a7d;
}
.bee-bracelit-theme2 .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-bracelit-theme2 .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.bee-bracelit-theme2 .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme2 .general-container.standard .bee-selector .bee-selector-container:focus,
.bee-bracelit-theme2 .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #dc0d15;
}
.bee-bracelit-theme2 .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #185a7d;
}
.bee-bracelit-theme2 .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-bracelit-theme2 .move-image-action-container:hover {
  color: #dc0d15;
}
.bee-bracelit-theme2 .info-icon {
  color: #dc0d15;
}
.bee-bracelit-theme2 .email-chip {
  color: #dc0d15 !important;
  background-color: rgba(220, 13, 21, 0.15) !important;
}
.bee-bracelit-theme2 .email-chip .mat-chip-remove {
  color: #dc0d15 !important;
  opacity: 1 !important;
}
.bee-bracelit-theme2 .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme2 .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.bee-bracelit-theme2 .mat-badge-content {
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #dc0d15 !important;
}
.bee-bracelit-theme2 .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #dc0d15 !important;
}
.bee-bracelit-theme2 #circle-lleno {
  background: #ff8a80;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.bee-bracelit-theme2 .primary-contrast-text-color {
  color: #ffffff !important;
}
.bee-bracelit-theme2 .marine-color {
  color: #0f223e !important;
}
.bee-bracelit-theme2 .primary-color {
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .gray-color {
  color: #C0C4CA !important;
}
.bee-bracelit-theme2 .primary-color-200 {
  color: #ef9a9a !important;
}
.bee-bracelit-theme2 svg.primary-fill-svg {
  fill: #dc0d15 !important;
}
.bee-bracelit-theme2 .primary-fill {
  fill: #dc0d15 !important;
}
.bee-bracelit-theme2 .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-bracelit-theme2 .primary-border-50 {
  border-color: #ffebee !important;
}
.bee-bracelit-theme2 .primary-border-100 {
  border-color: #ffcdd2 !important;
}
.bee-bracelit-theme2 .grey-border-100 {
  border-color: #C0C4CA !important;
}
.bee-bracelit-theme2 .transparent-border-100 {
  border-color: transparent !important;
}
.bee-bracelit-theme2 .primary-border-200 {
  border-color: #ef9a9a !important;
}
.bee-bracelit-theme2 .primary-indicator .mat-expansion-indicator:after {
  color: #dc0d15;
}
.bee-bracelit-theme2 .contrast-background {
  background-color: #ffffff !important;
}
.bee-bracelit-theme2 .primary-color-small {
  color: rgba(220, 13, 21, 0.6);
}
.bee-bracelit-theme2 .marine-background {
  background-color: #0f223e !important;
}
.bee-bracelit-theme2 .primary-background {
  background-color: #dc0d15 !important;
}
.bee-bracelit-theme2 .primary-background-50 {
  background-color: #ffebee !important;
}
.bee-bracelit-theme2 .primary-background-200 {
  background-color: #ef9a9a !important;
}
.bee-bracelit-theme2 .primary-background-800 {
  background-color: #c62828 !important;
}
.bee-bracelit-theme2 .white-color {
  color: white !important;
}
.bee-bracelit-theme2 .secondary-color {
  color: #ff8a80 !important;
}
.bee-bracelit-theme2 .secondary-background {
  background-color: #ff8a80 !important;
}
.bee-bracelit-theme2 .secondary-background-semi {
  background-color: #dc0d15 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #dc0d15 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-bracelit-theme2 .secondary-background-full {
  background-color: #dc0d15 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #dc0d15 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-bracelit-theme2 .secondary-background-empty {
  background-color: #dc0d15 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #dc0d15 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-bracelit-theme2 .secondary-border {
  background-color: #ff8a80 !important;
}
.bee-bracelit-theme2 .tertiary-color {
  color: #e53935 !important;
}
.bee-bracelit-theme2 button.button-tertiary {
  background-color: #e53935 !important;
  color: #dc0d15 !important;
  border: 1px solid #dc0d15 !important;
}
.bee-bracelit-theme2 span.red-text {
  color: #DB1F35 !important;
}
.bee-bracelit-theme2 .tertiary-background {
  background-color: #e53935 !important;
}
.bee-bracelit-theme2 .tertiary-border {
  border-color: #e53935 !important;
}
.bee-bracelit-theme2 .dark-background {
  background-color: black !important;
}
.bee-bracelit-theme2 .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.bee-bracelit-theme2 .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.bee-bracelit-theme2 .primary-soft-background {
  background-color: rgba(220, 13, 21, 0.1) !important;
}
.bee-bracelit-theme2 .primary-soft-background:hover {
  background-color: rgba(220, 13, 21, 0.15) !important;
}
.bee-bracelit-theme2 .primary-border {
  border-color: #dc0d15 !important;
}
.bee-bracelit-theme2 .default-background {
  background-color: #fafafa !important;
}
.bee-bracelit-theme2 .hover-primary:hover {
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .hover-primary-background:hover {
  background-color: #dc0d15 !important;
}
.bee-bracelit-theme2 .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.bee-bracelit-theme2 .warn-color {
  color: #185a7d !important;
}
.bee-bracelit-theme2 .warn-border {
  border-color: #185a7d !important;
}
.bee-bracelit-theme2 .accent-color {
  color: #fedd93 !important;
}
.bee-bracelit-theme2 .accent-background {
  background-color: #fedd93 !important;
}
.bee-bracelit-theme2 .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.bee-bracelit-theme2 .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme2 .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.bee-bracelit-theme2 .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-bracelit-theme2 .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-bracelit-theme2 .dialog-table tr .action-icon {
  color: transparent;
}
.bee-bracelit-theme2 .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bee-bracelit-theme2 .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme2 .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #dc0d15;
}
.bee-bracelit-theme2 .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-bracelit-theme2 .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme2 .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.bee-bracelit-theme2 .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.bee-bracelit-theme2 .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme2 .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-bracelit-theme2 .card-table tr .action-icon {
  color: transparent;
}
.bee-bracelit-theme2 .card-table tr .action-icon button {
  color: transparent;
}
.bee-bracelit-theme2 .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-bracelit-theme2 .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme2 .card-table tr:hover .action-icon button {
  color: #dc0d15;
}
.bee-bracelit-theme2 .card-table tr:hover .action-icon:hover {
  color: #dc0d15;
}
.bee-bracelit-theme2 .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-bracelit-theme2 .dashboard-card-content tr .action-icon {
  color: transparent;
}
.bee-bracelit-theme2 .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-bracelit-theme2 .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme2 .dashboard-card-content tr:hover .action-icon:hover {
  color: #dc0d15;
}
.bee-bracelit-theme2 .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-bracelit-theme2 .no-hover-table tr:hover {
  background: white;
}
.bee-bracelit-theme2 .custom-standard-chip {
  background-color: rgba(220, 13, 21, 0.1) !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .help-dashboard-card .mat-icon {
  color: #dc0d15;
}
.bee-bracelit-theme2 .help-dashboard-card:hover {
  background-color: #dc0d15;
}
.bee-bracelit-theme2 .help-dashboard-card:hover .mat-icon,
.bee-bracelit-theme2 .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.bee-bracelit-theme2 .room-open {
  background-color: #dc0d15 !important;
  color: white !important;
}
.bee-bracelit-theme2 .room-open:hover {
  background-color: #dc0d15 !important;
  color: white !important;
}
.bee-bracelit-theme2 #public-office-page-groups .public-group-button-hover {
  background-color: #dc0d15 !important;
  color: white !important;
}
.bee-bracelit-theme2 .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-bracelit-theme2 .notification-container .show-tip {
  color: transparent;
}
.bee-bracelit-theme2 .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-bracelit-theme2 .notification-container:hover .show-tip {
  color: #dc0d15;
}
.bee-bracelit-theme2 .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-bracelit-theme2 .notification-container .notification-subject .mat-icon {
  color: #dc0d15;
}
.bee-bracelit-theme2 .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme2 .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-bracelit-theme2 .message-container .show-tip {
  color: transparent;
}
.bee-bracelit-theme2 .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-bracelit-theme2 .message-container:hover .show-tip {
  color: #dc0d15;
}
.bee-bracelit-theme2 .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-bracelit-theme2 .message-container .message-subject .mat-icon {
  color: #dc0d15;
}
.bee-bracelit-theme2 .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme2 .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.bee-bracelit-theme2 .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.bee-bracelit-theme2 .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.bee-bracelit-theme2 .primary-200-outline input {
  caret-color: #ef9a9a;
  color: #dc0d15;
}
.bee-bracelit-theme2 .primary-200-outline label {
  color: #ef9a9a;
}
.bee-bracelit-theme2 .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #ef9a9a !important;
}
.bee-bracelit-theme2 .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #ef9a9a;
}
.bee-bracelit-theme2 mat-form-field .primary-outline label {
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #dc0d15 !important;
}
.bee-bracelit-theme2 mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.bee-bracelit-theme2 .input-primary input {
  caret-color: #dc0d15;
  color: #dc0d15;
}
.bee-bracelit-theme2 .input-primary label {
  color: #dc0d15;
}
.bee-bracelit-theme2 .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #dc0d15 !important;
}
.bee-bracelit-theme2 .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.bee-bracelit-theme2 .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #dc0d15;
  border-width: 1px;
}
.bee-bracelit-theme2 .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.bee-bracelit-theme2 .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.bee-bracelit-theme2 .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.bee-bracelit-theme2 .boton-recarga {
  background-color: #dc0d15;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.bee-bracelit-theme2 .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.bee-bracelit-theme2 .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.bee-bracelit-theme2 .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.bee-bracelit-theme2 .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.bee-bracelit-theme2 .header-container button {
  padding: 0 !important;
}
.bee-bracelit-theme2 .header-container .mat-button {
  min-width: unset !important;
}
.bee-bracelit-theme2 .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.bee-bracelit-theme2 .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bee-bracelit-theme2 .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.bee-bracelit-theme2 .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.bee-bracelit-theme2 .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.bee-bracelit-theme2 .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-bracelit-theme2 .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-bracelit-theme2 .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-bracelit-theme2 .input-recarga-marine {
  border: 1px solid #dc0d15 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.bee-bracelit-theme2 .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-bracelit-theme2 .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-bracelit-theme2 .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-bracelit-theme2 .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-bracelit-theme2 .color-primary {
  color: #dc0d15 !important;
  fill: #dc0d15 !important;
}
.bee-bracelit-theme2 .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.bee-bracelit-theme2 .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.bee-bracelit-theme2 .primary-contrast {
  color: #ffffff !important;
}
.bee-bracelit-theme2 .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.bee-bracelit-theme2 .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-bracelit-theme2 .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-bracelit-theme2 .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-bracelit-theme2 .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-bracelit-theme2 .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-bracelit-theme2 .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-bracelit-theme2 .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-bracelit-theme2 .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #ff8a80 !important;
}
.bee-bracelit-theme2 .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-bracelit-theme2 .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .mat-checkbox-checked .mat-checkbox-background,
.bee-bracelit-theme2 .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #dc0d15 !important;
}
.bee-bracelit-theme2 .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme2 .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme2 .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ef9a9a !important;
}
.bee-bracelit-theme2 .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme2 .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.bee-bracelit-theme2 .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.bee-bracelit-theme2 .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.bee-bracelit-theme2 .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-bracelit-theme2 .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-bracelit-theme2 .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-bracelit-theme2 .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme2 .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme2 .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.bee-bracelit-theme2 .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.bee-bracelit-theme2 .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.bee-bracelit-theme2 .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.bee-bracelit-theme2 .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.bee-bracelit-theme2 .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-bracelit-theme2 .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-bracelit-theme2 .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ff8a80 !important;
}
.bee-bracelit-theme2 .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ff8a80 !important;
}
.bee-bracelit-theme2 .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.bee-bracelit-theme2 .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #185a7d !important;
}
.bee-bracelit-theme2 .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bee-bracelit-theme2 .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bee-bracelit-theme2 .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.bee-bracelit-theme2 .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ff8a80 !important;
}
.bee-bracelit-theme2 .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ff8a80 !important;
}
.bee-bracelit-theme2 .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.bee-bracelit-theme2 .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.bee-bracelit-theme2 .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #e53935 !important;
}
.bee-bracelit-theme2 .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #e53935 !important;
}
.bee-bracelit-theme2 .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e53935 !important;
}
.bee-bracelit-theme2 .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #e53935 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bee-bracelit-theme2 .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #e53935 !important;
}
.bee-bracelit-theme2 .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #e53935 !important;
}
.bee-bracelit-theme2 .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bee-bracelit-theme2 .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.bee-bracelit-theme2 .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bee-bracelit-theme2 .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.bee-bracelit-theme2 .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.bee-bracelit-theme2 .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .card-header-container {
  display: flex;
  justify-content: left;
}
.bee-bracelit-theme2 .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #dc0d15 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.bee-bracelit-theme2 .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.bee-bracelit-theme2 .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.bee-bracelit-theme2 .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.bee-bracelit-theme2 .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.bee-bracelit-theme2 .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.bee-bracelit-theme2 .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #ff8a80 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-bracelit-theme2 .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #dc0d15 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #dc0d15 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-bracelit-theme2 .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #dc0d15 !important;
}
.bee-bracelit-theme2 .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.bee-bracelit-theme2 .button-text-hidden {
  display: none;
}
.bee-bracelit-theme3 {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #ffeb3b;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #ffeb3b 87%, transparent);
  --mat-form-field-filled-caret-color: #ffeb3b;
  --mat-form-field-filled-focus-active-indicator-color: #ffeb3b;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #ffeb3b 87%, transparent);
  --mat-form-field-outlined-caret-color: #ffeb3b;
  --mat-form-field-outlined-focus-outline-color: #ffeb3b;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #ffeb3b 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #ffeb3b;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #ffeb3b;
  --mat-slide-toggle-selected-handle-color: #ffeb3b;
  --mat-slide-toggle-selected-hover-state-layer-color: #ffeb3b;
  --mat-slide-toggle-selected-pressed-state-layer-color: #ffeb3b;
  --mat-slide-toggle-selected-focus-handle-color: #ffeb3b;
  --mat-slide-toggle-selected-hover-handle-color: #ffeb3b;
  --mat-slide-toggle-selected-pressed-handle-color: #ffeb3b;
  --mat-slide-toggle-selected-focus-track-color: #fff176;
  --mat-slide-toggle-selected-hover-track-color: #fff176;
  --mat-slide-toggle-selected-pressed-track-color: #fff176;
  --mat-slide-toggle-selected-track-color: #fff176;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #ffeb3b;
  --mat-slider-focus-handle-color: #ffeb3b;
  --mat-slider-handle-color: #ffeb3b;
  --mat-slider-hover-handle-color: #ffeb3b;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #ffeb3b 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #ffeb3b 4%, transparent);
  --mat-slider-inactive-track-color: #ffeb3b;
  --mat-slider-ripple-color: #ffeb3b;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #ffeb3b;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #fff176;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #ffeb3b;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #ffeb3b;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #ffeb3b 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #ffeb3b;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #ffeb3b 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #ffeb3b 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #ffeb3b 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #ffeb3b;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #ffeb3b;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #ffeb3b;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #ffeb3b;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #ffeb3b;
  --mat-slide-toggle-selected-handle-color: #ffeb3b;
  --mat-slide-toggle-selected-hover-state-layer-color: #ffeb3b;
  --mat-slide-toggle-selected-pressed-state-layer-color: #ffeb3b;
  --mat-slide-toggle-selected-focus-handle-color: #ffeb3b;
  --mat-slide-toggle-selected-hover-handle-color: #ffeb3b;
  --mat-slide-toggle-selected-pressed-handle-color: #ffeb3b;
  --mat-slide-toggle-selected-focus-track-color: #fff176;
  --mat-slide-toggle-selected-hover-track-color: #fff176;
  --mat-slide-toggle-selected-pressed-track-color: #fff176;
  --mat-slide-toggle-selected-track-color: #fff176;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-bracelit-theme3 .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-bracelit-theme3 .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-bracelit-theme3 .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #ffeb3b;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ffeb3b;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-bracelit-theme3 .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-bracelit-theme3 .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-bracelit-theme3 .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #ffeb3b;
  --mat-progress-bar-track-color: rgba(255, 235, 59, 0.25);
}
.bee-bracelit-theme3 .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.bee-bracelit-theme3 .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.bee-bracelit-theme3 .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.bee-bracelit-theme3 .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.bee-bracelit-theme3 .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.bee-bracelit-theme3 .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.bee-bracelit-theme3 .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.bee-bracelit-theme3 .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme3 .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.bee-bracelit-theme3 .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #ffeb3b;
  --mat-chip-elevated-disabled-container-color: #ffeb3b;
  --mat-chip-elevated-selected-container-color: #ffeb3b;
  --mat-chip-flat-disabled-selected-container-color: #ffeb3b;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bee-bracelit-theme3 .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.bee-bracelit-theme3 .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.bee-bracelit-theme3 .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.bee-bracelit-theme3 .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bee-bracelit-theme3 .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.bee-bracelit-theme3 .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.bee-bracelit-theme3 .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.bee-bracelit-theme3 .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bee-bracelit-theme3 .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-bracelit-theme3 .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #ffeb3b;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ffeb3b;
  --mat-radio-selected-hover-icon-color: #ffeb3b;
  --mat-radio-selected-icon-color: #ffeb3b;
  --mat-radio-selected-pressed-icon-color: #ffeb3b;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme3 .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme3 .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme3 .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.bee-bracelit-theme3 .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.bee-bracelit-theme3 .mdc-list-item__start,
.bee-bracelit-theme3 .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #ffeb3b;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ffeb3b;
  --mat-radio-selected-hover-icon-color: #ffeb3b;
  --mat-radio-selected-icon-color: #ffeb3b;
  --mat-radio-selected-pressed-icon-color: #ffeb3b;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme3 .mat-accent .mdc-list-item__start,
.bee-bracelit-theme3 .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme3 .mat-warn .mdc-list-item__start,
.bee-bracelit-theme3 .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme3 .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #ffeb3b;
  --mat-checkbox-selected-hover-icon-color: #ffeb3b;
  --mat-checkbox-selected-icon-color: #ffeb3b;
  --mat-checkbox-selected-pressed-icon-color: #ffeb3b;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ffeb3b;
  --mat-checkbox-selected-hover-state-layer-color: #ffeb3b;
  --mat-checkbox-selected-pressed-state-layer-color: #ffeb3b;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme3 .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme3 .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme3 .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.bee-bracelit-theme3 .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.bee-bracelit-theme3 .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.bee-bracelit-theme3 .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #ffeb3b;
}
.bee-bracelit-theme3 .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.bee-bracelit-theme3 .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.bee-bracelit-theme3 .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.bee-bracelit-theme3 .mdc-list-item__start,
.bee-bracelit-theme3 .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.bee-bracelit-theme3 .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.bee-bracelit-theme3 .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.bee-bracelit-theme3 .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.bee-bracelit-theme3 .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.bee-bracelit-theme3 .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.bee-bracelit-theme3 .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.bee-bracelit-theme3 .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.bee-bracelit-theme3 .mat-mdc-tab-group,
.bee-bracelit-theme3 .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #ffeb3b;
  --mat-tab-active-ripple-color: #ffeb3b;
  --mat-tab-inactive-ripple-color: #ffeb3b;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #ffeb3b;
  --mat-tab-active-hover-label-text-color: #ffeb3b;
  --mat-tab-active-focus-indicator-color: #ffeb3b;
  --mat-tab-active-hover-indicator-color: #ffeb3b;
  --mat-tab-active-indicator-color: #ffeb3b;
}
.bee-bracelit-theme3 .mat-mdc-tab-group.mat-accent,
.bee-bracelit-theme3 .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.bee-bracelit-theme3 .mat-mdc-tab-group.mat-warn,
.bee-bracelit-theme3 .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.bee-bracelit-theme3 .mat-mdc-tab-group.mat-background-primary,
.bee-bracelit-theme3 .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #ffeb3b;
  --mat-tab-foreground-color: #ffffff;
}
.bee-bracelit-theme3 .mat-mdc-tab-group.mat-background-accent,
.bee-bracelit-theme3 .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.bee-bracelit-theme3 .mat-mdc-tab-group.mat-background-warn,
.bee-bracelit-theme3 .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.bee-bracelit-theme3 .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.bee-bracelit-theme3 .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.bee-bracelit-theme3 .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #ffeb3b;
  --mat-checkbox-selected-hover-icon-color: #ffeb3b;
  --mat-checkbox-selected-icon-color: #ffeb3b;
  --mat-checkbox-selected-pressed-icon-color: #ffeb3b;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ffeb3b;
  --mat-checkbox-selected-hover-state-layer-color: #ffeb3b;
  --mat-checkbox-selected-pressed-state-layer-color: #ffeb3b;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme3 .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme3 .mat-mdc-button.mat-primary,
.bee-bracelit-theme3 .mat-mdc-unelevated-button.mat-primary,
.bee-bracelit-theme3 .mat-mdc-raised-button.mat-primary,
.bee-bracelit-theme3 .mat-mdc-outlined-button.mat-primary,
.bee-bracelit-theme3 .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #ffeb3b;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #ffeb3b;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #ffeb3b 12%, transparent);
  --mat-button-outlined-state-layer-color: #ffeb3b;
  --mat-button-protected-container-color: #ffeb3b;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #ffeb3b;
  --mat-button-text-ripple-color: color-mix(in srgb, #ffeb3b 12%, transparent);
  --mat-button-text-state-layer-color: #ffeb3b;
  --mat-button-tonal-container-color: #ffeb3b;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bee-bracelit-theme3 .mat-mdc-button.mat-accent,
.bee-bracelit-theme3 .mat-mdc-unelevated-button.mat-accent,
.bee-bracelit-theme3 .mat-mdc-raised-button.mat-accent,
.bee-bracelit-theme3 .mat-mdc-outlined-button.mat-accent,
.bee-bracelit-theme3 .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.bee-bracelit-theme3 .mat-mdc-button.mat-warn,
.bee-bracelit-theme3 .mat-mdc-unelevated-button.mat-warn,
.bee-bracelit-theme3 .mat-mdc-raised-button.mat-warn,
.bee-bracelit-theme3 .mat-mdc-outlined-button.mat-warn,
.bee-bracelit-theme3 .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bee-bracelit-theme3 .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #ffeb3b;
  --mat-icon-button-state-layer-color: #ffeb3b;
  --mat-icon-button-ripple-color: color-mix(in srgb, #ffeb3b 12%, transparent);
}
.bee-bracelit-theme3 .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.bee-bracelit-theme3 .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.bee-bracelit-theme3 .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.bee-bracelit-theme3 .mat-mdc-fab.mat-primary,
.bee-bracelit-theme3 .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #ffeb3b;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #ffeb3b 12%, transparent);
  --mat-fab-small-container-color: #ffeb3b;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bee-bracelit-theme3 .mat-mdc-fab.mat-accent,
.bee-bracelit-theme3 .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.bee-bracelit-theme3 .mat-mdc-fab.mat-warn,
.bee-bracelit-theme3 .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bee-bracelit-theme3 .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.bee-bracelit-theme3 .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.bee-bracelit-theme3 .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.bee-bracelit-theme3 .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.bee-bracelit-theme3 .mat-datepicker-content.mat-accent,
.bee-bracelit-theme3 .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme3 .mat-datepicker-content.mat-warn,
.bee-bracelit-theme3 .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme3 .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.bee-bracelit-theme3 .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.bee-bracelit-theme3 .mat-icon.mat-primary {
  --mat-icon-color: #ffeb3b;
}
.bee-bracelit-theme3 .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.bee-bracelit-theme3 .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.bee-bracelit-theme3 .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.bee-bracelit-theme3 .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.bee-bracelit-theme3 .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #ffeb3b;
  --mat-toolbar-container-text-color: #ffffff;
}
.bee-bracelit-theme3 .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.bee-bracelit-theme3 .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.bee-bracelit-theme3 .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.bee-bracelit-theme3 .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bee-bracelit-theme3 .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-bracelit-theme3 .back-container {
  color: #ffeb3b;
}
.bee-bracelit-theme3 .back-container:hover {
  opacity: 0.54;
}
.bee-bracelit-theme3 .warn-text {
  color: #e74737;
}
.bee-bracelit-theme3 .inside-modal-title.primary-colored-title,
.bee-bracelit-theme3 .form-title.primary-colored-title {
  color: #ffeb3b;
}
.bee-bracelit-theme3 .full-height-container form .button-container {
  background: white;
}
.bee-bracelit-theme3 label {
  color: rgba(0, 0, 0, 0.6);
}
.bee-bracelit-theme3 .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.bee-bracelit-theme3 .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-bracelit-theme3 .box-checkbox.active-box-checkbox {
  background-color: #ffeb3b;
  color: white;
}
.bee-bracelit-theme3 .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-bracelit-theme3 .box-radio.active-box-radio {
  background-color: #ffeb3b;
  color: white;
}
.bee-bracelit-theme3 .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme3 .error {
  color: #e74737;
}
.bee-bracelit-theme3 .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.bee-bracelit-theme3 .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme3 .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-bracelit-theme3 .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.bee-bracelit-theme3 .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme3 .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme3 .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme3 .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme3 .ql-snow .ql-picker-options {
  background: white;
}
.bee-bracelit-theme3 .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.bee-bracelit-theme3 .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.bee-bracelit-theme3 .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.bee-bracelit-theme3 .ql-snow .ql-fill,
.bee-bracelit-theme3 .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme3 .ql-snow.ql-toolbar button:hover,
.bee-bracelit-theme3 .ql-snow .ql-toolbar button:hover,
.bee-bracelit-theme3 .ql-snow.ql-toolbar button:focus,
.bee-bracelit-theme3 .ql-snow .ql-toolbar button:focus,
.bee-bracelit-theme3 .ql-snow.ql-toolbar button.ql-active,
.bee-bracelit-theme3 .ql-snow .ql-toolbar button.ql-active,
.bee-bracelit-theme3 .ql-snow.ql-toolbar .ql-picker-label:hover,
.bee-bracelit-theme3 .ql-snow .ql-toolbar .ql-picker-label:hover,
.bee-bracelit-theme3 .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.bee-bracelit-theme3 .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.bee-bracelit-theme3 .ql-snow.ql-toolbar .ql-picker-item:hover,
.bee-bracelit-theme3 .ql-snow .ql-toolbar .ql-picker-item:hover,
.bee-bracelit-theme3 .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.bee-bracelit-theme3 .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme3 .ql-snow.ql-toolbar button:hover .ql-fill,
.bee-bracelit-theme3 .ql-snow .ql-toolbar button:hover .ql-fill,
.bee-bracelit-theme3 .ql-snow.ql-toolbar button:focus .ql-fill,
.bee-bracelit-theme3 .ql-snow .ql-toolbar button:focus .ql-fill,
.bee-bracelit-theme3 .ql-snow.ql-toolbar button.ql-active .ql-fill,
.bee-bracelit-theme3 .ql-snow .ql-toolbar button.ql-active .ql-fill,
.bee-bracelit-theme3 .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-bracelit-theme3 .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-bracelit-theme3 .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-bracelit-theme3 .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-bracelit-theme3 .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-bracelit-theme3 .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-bracelit-theme3 .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-bracelit-theme3 .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-bracelit-theme3 .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-bracelit-theme3 .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-bracelit-theme3 .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-bracelit-theme3 .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-bracelit-theme3 .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-bracelit-theme3 .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-bracelit-theme3 .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-bracelit-theme3 .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-bracelit-theme3 .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-bracelit-theme3 .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-bracelit-theme3 .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-bracelit-theme3 .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-bracelit-theme3 .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.bee-bracelit-theme3 .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme3 .ql-snow.ql-toolbar button:hover .ql-stroke,
.bee-bracelit-theme3 .ql-snow .ql-toolbar button:hover .ql-stroke,
.bee-bracelit-theme3 .ql-snow.ql-toolbar button:focus .ql-stroke,
.bee-bracelit-theme3 .ql-snow .ql-toolbar button:focus .ql-stroke,
.bee-bracelit-theme3 .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.bee-bracelit-theme3 .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.bee-bracelit-theme3 .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-bracelit-theme3 .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-bracelit-theme3 .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-bracelit-theme3 .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-bracelit-theme3 .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-bracelit-theme3 .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-bracelit-theme3 .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-bracelit-theme3 .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-bracelit-theme3 .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.bee-bracelit-theme3 .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.bee-bracelit-theme3 .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.bee-bracelit-theme3 .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.bee-bracelit-theme3 .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.bee-bracelit-theme3 .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.bee-bracelit-theme3 .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-bracelit-theme3 .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-bracelit-theme3 .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-bracelit-theme3 .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-bracelit-theme3 .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-bracelit-theme3 .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-bracelit-theme3 .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.bee-bracelit-theme3 .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme3 .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme3 .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme3 bee-form-item {
  margin-right: 0 !important;
}
.bee-bracelit-theme3 bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.bee-bracelit-theme3 bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #ffeb3b;
  height: 38px !important;
}
.bee-bracelit-theme3 bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.bee-bracelit-theme3 bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.bee-bracelit-theme3 bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.bee-bracelit-theme3 bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.bee-bracelit-theme3 bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.bee-bracelit-theme3 bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.bee-bracelit-theme3 bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.bee-bracelit-theme3 bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.bee-bracelit-theme3 bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .bee-bracelit-theme3 bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.bee-bracelit-theme3 .general-container .label-wrapper label {
  color: #ffeb3b !important;
  background-color: white;
}
.bee-bracelit-theme3 .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-bracelit-theme3 .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.bee-bracelit-theme3 .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.bee-bracelit-theme3 .general-container .bee-selector .bee-selector-container {
  border-color: #ffeb3b !important;
}
.bee-bracelit-theme3 .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.bee-bracelit-theme3 .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.bee-bracelit-theme3 .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme3 .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.bee-bracelit-theme3 .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme3 .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme3 .general-container .bee-selector .bee-selector-container:focus,
.bee-bracelit-theme3 .general-container .bee-selector .bee-selector-container.open {
  border-color: #ffeb3b;
}
.bee-bracelit-theme3 .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.bee-bracelit-theme3 .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #ffeb3b;
}
.bee-bracelit-theme3 .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.bee-bracelit-theme3 .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #ffeb3b;
}
.bee-bracelit-theme3 .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bee-bracelit-theme3 .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-bracelit-theme3 .general-container .bee-dropdown {
  background: white;
}
.bee-bracelit-theme3 .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #ffeb3b;
}
.bee-bracelit-theme3 .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.bee-bracelit-theme3 .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.bee-bracelit-theme3 .general-container .selector-error {
  color: #e74737;
}
.bee-bracelit-theme3 .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-bracelit-theme3 .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.bee-bracelit-theme3 .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme3 .general-container.standard .bee-selector .bee-selector-container:focus,
.bee-bracelit-theme3 .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #ffeb3b;
}
.bee-bracelit-theme3 .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bee-bracelit-theme3 .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-bracelit-theme3 .move-image-action-container:hover {
  color: #ffeb3b;
}
.bee-bracelit-theme3 .info-icon {
  color: #ffeb3b;
}
.bee-bracelit-theme3 .email-chip {
  color: #ffeb3b !important;
  background-color: rgba(255, 235, 59, 0.15) !important;
}
.bee-bracelit-theme3 .email-chip .mat-chip-remove {
  color: #ffeb3b !important;
  opacity: 1 !important;
}
.bee-bracelit-theme3 .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme3 .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.bee-bracelit-theme3 .mat-badge-content {
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #ffeb3b !important;
}
.bee-bracelit-theme3 .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #ffeb3b !important;
}
.bee-bracelit-theme3 #circle-lleno {
  background: #ffff8d;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.bee-bracelit-theme3 .primary-contrast-text-color {
  color: #ffffff !important;
}
.bee-bracelit-theme3 .marine-color {
  color: #0f223e !important;
}
.bee-bracelit-theme3 .primary-color {
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .gray-color {
  color: #C0C4CA !important;
}
.bee-bracelit-theme3 .primary-color-200 {
  color: #fff59d !important;
}
.bee-bracelit-theme3 svg.primary-fill-svg {
  fill: #ffeb3b !important;
}
.bee-bracelit-theme3 .primary-fill {
  fill: #ffeb3b !important;
}
.bee-bracelit-theme3 .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-bracelit-theme3 .primary-border-50 {
  border-color: #fffde7 !important;
}
.bee-bracelit-theme3 .primary-border-100 {
  border-color: #fff9c4 !important;
}
.bee-bracelit-theme3 .grey-border-100 {
  border-color: #C0C4CA !important;
}
.bee-bracelit-theme3 .transparent-border-100 {
  border-color: transparent !important;
}
.bee-bracelit-theme3 .primary-border-200 {
  border-color: #fff59d !important;
}
.bee-bracelit-theme3 .primary-indicator .mat-expansion-indicator:after {
  color: #ffeb3b;
}
.bee-bracelit-theme3 .contrast-background {
  background-color: #ffffff !important;
}
.bee-bracelit-theme3 .primary-color-small {
  color: rgba(255, 235, 59, 0.6);
}
.bee-bracelit-theme3 .marine-background {
  background-color: #0f223e !important;
}
.bee-bracelit-theme3 .primary-background {
  background-color: #ffeb3b !important;
}
.bee-bracelit-theme3 .primary-background-50 {
  background-color: #fffde7 !important;
}
.bee-bracelit-theme3 .primary-background-200 {
  background-color: #fff59d !important;
}
.bee-bracelit-theme3 .primary-background-800 {
  background-color: #f9a825 !important;
}
.bee-bracelit-theme3 .white-color {
  color: white !important;
}
.bee-bracelit-theme3 .secondary-color {
  color: #ffff8d !important;
}
.bee-bracelit-theme3 .secondary-background {
  background-color: #ffff8d !important;
}
.bee-bracelit-theme3 .secondary-background-semi {
  background-color: #ffeb3b !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #ffeb3b !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-bracelit-theme3 .secondary-background-full {
  background-color: #ffeb3b !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #ffeb3b !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-bracelit-theme3 .secondary-background-empty {
  background-color: #ffeb3b !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #ffeb3b !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-bracelit-theme3 .secondary-border {
  background-color: #ffff8d !important;
}
.bee-bracelit-theme3 .tertiary-color {
  color: #ffea00 !important;
}
.bee-bracelit-theme3 button.button-tertiary {
  background-color: #ffea00 !important;
  color: #ffeb3b !important;
  border: 1px solid #ffeb3b !important;
}
.bee-bracelit-theme3 span.red-text {
  color: #DB1F35 !important;
}
.bee-bracelit-theme3 .tertiary-background {
  background-color: #ffea00 !important;
}
.bee-bracelit-theme3 .tertiary-border {
  border-color: #ffea00 !important;
}
.bee-bracelit-theme3 .dark-background {
  background-color: black !important;
}
.bee-bracelit-theme3 .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.bee-bracelit-theme3 .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.bee-bracelit-theme3 .primary-soft-background {
  background-color: rgba(255, 235, 59, 0.1) !important;
}
.bee-bracelit-theme3 .primary-soft-background:hover {
  background-color: rgba(255, 235, 59, 0.15) !important;
}
.bee-bracelit-theme3 .primary-border {
  border-color: #ffeb3b !important;
}
.bee-bracelit-theme3 .default-background {
  background-color: #fafafa !important;
}
.bee-bracelit-theme3 .hover-primary:hover {
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .hover-primary-background:hover {
  background-color: #ffeb3b !important;
}
.bee-bracelit-theme3 .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.bee-bracelit-theme3 .warn-color {
  color: #e74737 !important;
}
.bee-bracelit-theme3 .warn-border {
  border-color: #e74737 !important;
}
.bee-bracelit-theme3 .accent-color {
  color: #fedd93 !important;
}
.bee-bracelit-theme3 .accent-background {
  background-color: #fedd93 !important;
}
.bee-bracelit-theme3 .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.bee-bracelit-theme3 .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme3 .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.bee-bracelit-theme3 .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-bracelit-theme3 .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-bracelit-theme3 .dialog-table tr .action-icon {
  color: transparent;
}
.bee-bracelit-theme3 .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bee-bracelit-theme3 .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.bee-bracelit-theme3 .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #ffeb3b;
}
.bee-bracelit-theme3 .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-bracelit-theme3 .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme3 .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.bee-bracelit-theme3 .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.bee-bracelit-theme3 .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme3 .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-bracelit-theme3 .card-table tr .action-icon {
  color: transparent;
}
.bee-bracelit-theme3 .card-table tr .action-icon button {
  color: transparent;
}
.bee-bracelit-theme3 .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-bracelit-theme3 .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme3 .card-table tr:hover .action-icon button {
  color: #ffeb3b;
}
.bee-bracelit-theme3 .card-table tr:hover .action-icon:hover {
  color: #ffeb3b;
}
.bee-bracelit-theme3 .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-bracelit-theme3 .dashboard-card-content tr .action-icon {
  color: transparent;
}
.bee-bracelit-theme3 .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-bracelit-theme3 .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme3 .dashboard-card-content tr:hover .action-icon:hover {
  color: #ffeb3b;
}
.bee-bracelit-theme3 .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-bracelit-theme3 .no-hover-table tr:hover {
  background: white;
}
.bee-bracelit-theme3 .custom-standard-chip {
  background-color: rgba(255, 235, 59, 0.1) !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .help-dashboard-card .mat-icon {
  color: #ffeb3b;
}
.bee-bracelit-theme3 .help-dashboard-card:hover {
  background-color: #ffeb3b;
}
.bee-bracelit-theme3 .help-dashboard-card:hover .mat-icon,
.bee-bracelit-theme3 .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.bee-bracelit-theme3 .room-open {
  background-color: #ffeb3b !important;
  color: white !important;
}
.bee-bracelit-theme3 .room-open:hover {
  background-color: #ffeb3b !important;
  color: white !important;
}
.bee-bracelit-theme3 #public-office-page-groups .public-group-button-hover {
  background-color: #ffeb3b !important;
  color: white !important;
}
.bee-bracelit-theme3 .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-bracelit-theme3 .notification-container .show-tip {
  color: transparent;
}
.bee-bracelit-theme3 .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-bracelit-theme3 .notification-container:hover .show-tip {
  color: #ffeb3b;
}
.bee-bracelit-theme3 .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-bracelit-theme3 .notification-container .notification-subject .mat-icon {
  color: #ffeb3b;
}
.bee-bracelit-theme3 .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme3 .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-bracelit-theme3 .message-container .show-tip {
  color: transparent;
}
.bee-bracelit-theme3 .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-bracelit-theme3 .message-container:hover .show-tip {
  color: #ffeb3b;
}
.bee-bracelit-theme3 .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-bracelit-theme3 .message-container .message-subject .mat-icon {
  color: #ffeb3b;
}
.bee-bracelit-theme3 .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-bracelit-theme3 .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.bee-bracelit-theme3 .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.bee-bracelit-theme3 .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.bee-bracelit-theme3 .primary-200-outline input {
  caret-color: #fff59d;
  color: #ffeb3b;
}
.bee-bracelit-theme3 .primary-200-outline label {
  color: #fff59d;
}
.bee-bracelit-theme3 .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #fff59d !important;
}
.bee-bracelit-theme3 .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #fff59d;
}
.bee-bracelit-theme3 mat-form-field .primary-outline label {
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #ffeb3b !important;
}
.bee-bracelit-theme3 mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.bee-bracelit-theme3 .input-primary input {
  caret-color: #ffeb3b;
  color: #ffeb3b;
}
.bee-bracelit-theme3 .input-primary label {
  color: #ffeb3b;
}
.bee-bracelit-theme3 .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #ffeb3b !important;
}
.bee-bracelit-theme3 .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.bee-bracelit-theme3 .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #ffeb3b;
  border-width: 1px;
}
.bee-bracelit-theme3 .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.bee-bracelit-theme3 .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.bee-bracelit-theme3 .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.bee-bracelit-theme3 .boton-recarga {
  background-color: #ffeb3b;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.bee-bracelit-theme3 .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.bee-bracelit-theme3 .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.bee-bracelit-theme3 .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.bee-bracelit-theme3 .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.bee-bracelit-theme3 .header-container button {
  padding: 0 !important;
}
.bee-bracelit-theme3 .header-container .mat-button {
  min-width: unset !important;
}
.bee-bracelit-theme3 .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.bee-bracelit-theme3 .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bee-bracelit-theme3 .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.bee-bracelit-theme3 .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.bee-bracelit-theme3 .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.bee-bracelit-theme3 .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-bracelit-theme3 .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-bracelit-theme3 .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-bracelit-theme3 .input-recarga-marine {
  border: 1px solid #ffeb3b !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.bee-bracelit-theme3 .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-bracelit-theme3 .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-bracelit-theme3 .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-bracelit-theme3 .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-bracelit-theme3 .color-primary {
  color: #ffeb3b !important;
  fill: #ffeb3b !important;
}
.bee-bracelit-theme3 .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.bee-bracelit-theme3 .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.bee-bracelit-theme3 .primary-contrast {
  color: #ffffff !important;
}
.bee-bracelit-theme3 .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.bee-bracelit-theme3 .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-bracelit-theme3 .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-bracelit-theme3 .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-bracelit-theme3 .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-bracelit-theme3 .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-bracelit-theme3 .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-bracelit-theme3 .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-bracelit-theme3 .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #ffff8d !important;
}
.bee-bracelit-theme3 .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-bracelit-theme3 .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .mat-checkbox-checked .mat-checkbox-background,
.bee-bracelit-theme3 .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #ffeb3b !important;
}
.bee-bracelit-theme3 .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme3 .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme3 .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #fff59d !important;
}
.bee-bracelit-theme3 .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme3 .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.bee-bracelit-theme3 .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.bee-bracelit-theme3 .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.bee-bracelit-theme3 .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-bracelit-theme3 .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-bracelit-theme3 .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-bracelit-theme3 .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme3 .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-bracelit-theme3 .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.bee-bracelit-theme3 .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.bee-bracelit-theme3 .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.bee-bracelit-theme3 .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.bee-bracelit-theme3 .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.bee-bracelit-theme3 .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-bracelit-theme3 .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-bracelit-theme3 .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffff8d !important;
}
.bee-bracelit-theme3 .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffff8d !important;
}
.bee-bracelit-theme3 .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.bee-bracelit-theme3 .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.bee-bracelit-theme3 .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bee-bracelit-theme3 .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bee-bracelit-theme3 .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.bee-bracelit-theme3 .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ffff8d !important;
}
.bee-bracelit-theme3 .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffff8d !important;
}
.bee-bracelit-theme3 .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.bee-bracelit-theme3 .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.bee-bracelit-theme3 .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffea00 !important;
}
.bee-bracelit-theme3 .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffea00 !important;
}
.bee-bracelit-theme3 .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffea00 !important;
}
.bee-bracelit-theme3 .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ffea00 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bee-bracelit-theme3 .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ffea00 !important;
}
.bee-bracelit-theme3 .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #ffea00 !important;
}
.bee-bracelit-theme3 .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bee-bracelit-theme3 .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.bee-bracelit-theme3 .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bee-bracelit-theme3 .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.bee-bracelit-theme3 .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.bee-bracelit-theme3 .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .card-header-container {
  display: flex;
  justify-content: left;
}
.bee-bracelit-theme3 .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #ffeb3b !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.bee-bracelit-theme3 .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.bee-bracelit-theme3 .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.bee-bracelit-theme3 .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.bee-bracelit-theme3 .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.bee-bracelit-theme3 .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.bee-bracelit-theme3 .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #ffff8d !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-bracelit-theme3 .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #ffeb3b !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #ffeb3b !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-bracelit-theme3 .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #ffeb3b !important;
}
.bee-bracelit-theme3 .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.bee-bracelit-theme3 .button-text-hidden {
  display: none;
}
.bthetravel-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #0484cc;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #0484cc 87%, transparent);
  --mat-form-field-filled-caret-color: #0484cc;
  --mat-form-field-filled-focus-active-indicator-color: #0484cc;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #0484cc 87%, transparent);
  --mat-form-field-outlined-caret-color: #0484cc;
  --mat-form-field-outlined-focus-outline-color: #0484cc;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #0484cc 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #0484cc;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #0484cc;
  --mat-slide-toggle-selected-handle-color: #0484cc;
  --mat-slide-toggle-selected-hover-state-layer-color: #0484cc;
  --mat-slide-toggle-selected-pressed-state-layer-color: #0484cc;
  --mat-slide-toggle-selected-focus-handle-color: #0484cc;
  --mat-slide-toggle-selected-hover-handle-color: #0484cc;
  --mat-slide-toggle-selected-pressed-handle-color: #0484cc;
  --mat-slide-toggle-selected-focus-track-color: #64b5f6;
  --mat-slide-toggle-selected-hover-track-color: #64b5f6;
  --mat-slide-toggle-selected-pressed-track-color: #64b5f6;
  --mat-slide-toggle-selected-track-color: #64b5f6;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #0484cc;
  --mat-slider-focus-handle-color: #0484cc;
  --mat-slider-handle-color: #0484cc;
  --mat-slider-hover-handle-color: #0484cc;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #0484cc 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #0484cc 4%, transparent);
  --mat-slider-inactive-track-color: #0484cc;
  --mat-slider-ripple-color: #0484cc;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #0484cc;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #64b5f6;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #0484cc;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #0484cc;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #0484cc 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #0484cc;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #0484cc 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #0484cc 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #0484cc 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #0484cc;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #0484cc;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #0484cc;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #0484cc;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #0484cc;
  --mat-slide-toggle-selected-handle-color: #0484cc;
  --mat-slide-toggle-selected-hover-state-layer-color: #0484cc;
  --mat-slide-toggle-selected-pressed-state-layer-color: #0484cc;
  --mat-slide-toggle-selected-focus-handle-color: #0484cc;
  --mat-slide-toggle-selected-hover-handle-color: #0484cc;
  --mat-slide-toggle-selected-pressed-handle-color: #0484cc;
  --mat-slide-toggle-selected-focus-track-color: #64b5f6;
  --mat-slide-toggle-selected-hover-track-color: #64b5f6;
  --mat-slide-toggle-selected-pressed-track-color: #64b5f6;
  --mat-slide-toggle-selected-track-color: #64b5f6;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bthetravel-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bthetravel-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bthetravel-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #0484cc;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #0484cc;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bthetravel-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bthetravel-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bthetravel-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #0484cc;
  --mat-progress-bar-track-color: rgba(4, 132, 204, 0.25);
}
.bthetravel-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.bthetravel-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.bthetravel-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.bthetravel-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.bthetravel-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.bthetravel-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.bthetravel-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.bthetravel-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bthetravel-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.bthetravel-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #0484cc;
  --mat-chip-elevated-disabled-container-color: #0484cc;
  --mat-chip-elevated-selected-container-color: #0484cc;
  --mat-chip-flat-disabled-selected-container-color: #0484cc;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bthetravel-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.bthetravel-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.bthetravel-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.bthetravel-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bthetravel-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.bthetravel-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.bthetravel-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.bthetravel-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bthetravel-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bthetravel-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #0484cc;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #0484cc;
  --mat-radio-selected-hover-icon-color: #0484cc;
  --mat-radio-selected-icon-color: #0484cc;
  --mat-radio-selected-pressed-icon-color: #0484cc;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bthetravel-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bthetravel-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bthetravel-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.bthetravel-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.bthetravel-theme .mdc-list-item__start,
.bthetravel-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #0484cc;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #0484cc;
  --mat-radio-selected-hover-icon-color: #0484cc;
  --mat-radio-selected-icon-color: #0484cc;
  --mat-radio-selected-pressed-icon-color: #0484cc;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bthetravel-theme .mat-accent .mdc-list-item__start,
.bthetravel-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bthetravel-theme .mat-warn .mdc-list-item__start,
.bthetravel-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bthetravel-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #0484cc;
  --mat-checkbox-selected-hover-icon-color: #0484cc;
  --mat-checkbox-selected-icon-color: #0484cc;
  --mat-checkbox-selected-pressed-icon-color: #0484cc;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #0484cc;
  --mat-checkbox-selected-hover-state-layer-color: #0484cc;
  --mat-checkbox-selected-pressed-state-layer-color: #0484cc;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bthetravel-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bthetravel-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bthetravel-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.bthetravel-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.bthetravel-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.bthetravel-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #0484cc;
}
.bthetravel-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.bthetravel-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.bthetravel-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.bthetravel-theme .mdc-list-item__start,
.bthetravel-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.bthetravel-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.bthetravel-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.bthetravel-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.bthetravel-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.bthetravel-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.bthetravel-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.bthetravel-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.bthetravel-theme .mat-mdc-tab-group,
.bthetravel-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #0484cc;
  --mat-tab-active-ripple-color: #0484cc;
  --mat-tab-inactive-ripple-color: #0484cc;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #0484cc;
  --mat-tab-active-hover-label-text-color: #0484cc;
  --mat-tab-active-focus-indicator-color: #0484cc;
  --mat-tab-active-hover-indicator-color: #0484cc;
  --mat-tab-active-indicator-color: #0484cc;
}
.bthetravel-theme .mat-mdc-tab-group.mat-accent,
.bthetravel-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.bthetravel-theme .mat-mdc-tab-group.mat-warn,
.bthetravel-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.bthetravel-theme .mat-mdc-tab-group.mat-background-primary,
.bthetravel-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #0484cc;
  --mat-tab-foreground-color: #ffffff;
}
.bthetravel-theme .mat-mdc-tab-group.mat-background-accent,
.bthetravel-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.bthetravel-theme .mat-mdc-tab-group.mat-background-warn,
.bthetravel-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.bthetravel-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.bthetravel-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.bthetravel-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #0484cc;
  --mat-checkbox-selected-hover-icon-color: #0484cc;
  --mat-checkbox-selected-icon-color: #0484cc;
  --mat-checkbox-selected-pressed-icon-color: #0484cc;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #0484cc;
  --mat-checkbox-selected-hover-state-layer-color: #0484cc;
  --mat-checkbox-selected-pressed-state-layer-color: #0484cc;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bthetravel-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bthetravel-theme .mat-mdc-button.mat-primary,
.bthetravel-theme .mat-mdc-unelevated-button.mat-primary,
.bthetravel-theme .mat-mdc-raised-button.mat-primary,
.bthetravel-theme .mat-mdc-outlined-button.mat-primary,
.bthetravel-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #0484cc;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #0484cc;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #0484cc 12%, transparent);
  --mat-button-outlined-state-layer-color: #0484cc;
  --mat-button-protected-container-color: #0484cc;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #0484cc;
  --mat-button-text-ripple-color: color-mix(in srgb, #0484cc 12%, transparent);
  --mat-button-text-state-layer-color: #0484cc;
  --mat-button-tonal-container-color: #0484cc;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bthetravel-theme .mat-mdc-button.mat-accent,
.bthetravel-theme .mat-mdc-unelevated-button.mat-accent,
.bthetravel-theme .mat-mdc-raised-button.mat-accent,
.bthetravel-theme .mat-mdc-outlined-button.mat-accent,
.bthetravel-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.bthetravel-theme .mat-mdc-button.mat-warn,
.bthetravel-theme .mat-mdc-unelevated-button.mat-warn,
.bthetravel-theme .mat-mdc-raised-button.mat-warn,
.bthetravel-theme .mat-mdc-outlined-button.mat-warn,
.bthetravel-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bthetravel-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #0484cc;
  --mat-icon-button-state-layer-color: #0484cc;
  --mat-icon-button-ripple-color: color-mix(in srgb, #0484cc 12%, transparent);
}
.bthetravel-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.bthetravel-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.bthetravel-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.bthetravel-theme .mat-mdc-fab.mat-primary,
.bthetravel-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #0484cc;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #0484cc 12%, transparent);
  --mat-fab-small-container-color: #0484cc;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bthetravel-theme .mat-mdc-fab.mat-accent,
.bthetravel-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.bthetravel-theme .mat-mdc-fab.mat-warn,
.bthetravel-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bthetravel-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.bthetravel-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.bthetravel-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.bthetravel-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.bthetravel-theme .mat-datepicker-content.mat-accent,
.bthetravel-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bthetravel-theme .mat-datepicker-content.mat-warn,
.bthetravel-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bthetravel-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.bthetravel-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.bthetravel-theme .mat-icon.mat-primary {
  --mat-icon-color: #0484cc;
}
.bthetravel-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.bthetravel-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.bthetravel-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.bthetravel-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.bthetravel-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #0484cc;
  --mat-toolbar-container-text-color: #ffffff;
}
.bthetravel-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.bthetravel-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.bthetravel-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.bthetravel-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bthetravel-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bthetravel-theme .back-container {
  color: #0484cc;
}
.bthetravel-theme .back-container:hover {
  opacity: 0.54;
}
.bthetravel-theme .warn-text {
  color: #e74737;
}
.bthetravel-theme .inside-modal-title.primary-colored-title,
.bthetravel-theme .form-title.primary-colored-title {
  color: #0484cc;
}
.bthetravel-theme .full-height-container form .button-container {
  background: white;
}
.bthetravel-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.bthetravel-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.bthetravel-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bthetravel-theme .box-checkbox.active-box-checkbox {
  background-color: #0484cc;
  color: white;
}
.bthetravel-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bthetravel-theme .box-radio.active-box-radio {
  background-color: #0484cc;
  color: white;
}
.bthetravel-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.bthetravel-theme .error {
  color: #e74737;
}
.bthetravel-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.bthetravel-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.bthetravel-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.bthetravel-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.bthetravel-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bthetravel-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bthetravel-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.bthetravel-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.bthetravel-theme .ql-snow .ql-picker-options {
  background: white;
}
.bthetravel-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.bthetravel-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.bthetravel-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.bthetravel-theme .ql-snow .ql-fill,
.bthetravel-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.bthetravel-theme .ql-snow.ql-toolbar button:hover,
.bthetravel-theme .ql-snow .ql-toolbar button:hover,
.bthetravel-theme .ql-snow.ql-toolbar button:focus,
.bthetravel-theme .ql-snow .ql-toolbar button:focus,
.bthetravel-theme .ql-snow.ql-toolbar button.ql-active,
.bthetravel-theme .ql-snow .ql-toolbar button.ql-active,
.bthetravel-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.bthetravel-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.bthetravel-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.bthetravel-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.bthetravel-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.bthetravel-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.bthetravel-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.bthetravel-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.bthetravel-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.bthetravel-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.bthetravel-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.bthetravel-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.bthetravel-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.bthetravel-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.bthetravel-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.bthetravel-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.bthetravel-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bthetravel-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bthetravel-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.bthetravel-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.bthetravel-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bthetravel-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bthetravel-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.bthetravel-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.bthetravel-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.bthetravel-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.bthetravel-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bthetravel-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bthetravel-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bthetravel-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bthetravel-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bthetravel-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bthetravel-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bthetravel-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bthetravel-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.bthetravel-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.bthetravel-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.bthetravel-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.bthetravel-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.bthetravel-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.bthetravel-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.bthetravel-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.bthetravel-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.bthetravel-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.bthetravel-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bthetravel-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bthetravel-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.bthetravel-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.bthetravel-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bthetravel-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bthetravel-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.bthetravel-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.bthetravel-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.bthetravel-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.bthetravel-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.bthetravel-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.bthetravel-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bthetravel-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bthetravel-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bthetravel-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bthetravel-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bthetravel-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bthetravel-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.bthetravel-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.bthetravel-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.bthetravel-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.bthetravel-theme bee-form-item {
  margin-right: 0 !important;
}
.bthetravel-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.bthetravel-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #0484cc;
  height: 38px !important;
}
.bthetravel-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.bthetravel-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.bthetravel-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.bthetravel-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.bthetravel-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.bthetravel-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.bthetravel-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.bthetravel-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.bthetravel-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .bthetravel-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.bthetravel-theme .general-container .label-wrapper label {
  color: #0484cc !important;
  background-color: white;
}
.bthetravel-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bthetravel-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.bthetravel-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.bthetravel-theme .general-container .bee-selector .bee-selector-container {
  border-color: #0484cc !important;
}
.bthetravel-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.bthetravel-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.bthetravel-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.bthetravel-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.bthetravel-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.bthetravel-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bthetravel-theme .general-container .bee-selector .bee-selector-container:focus,
.bthetravel-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #0484cc;
}
.bthetravel-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.bthetravel-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #0484cc;
}
.bthetravel-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.bthetravel-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #0484cc;
}
.bthetravel-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bthetravel-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bthetravel-theme .general-container .bee-dropdown {
  background: white;
}
.bthetravel-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #0484cc;
}
.bthetravel-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.bthetravel-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.bthetravel-theme .general-container .selector-error {
  color: #e74737;
}
.bthetravel-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bthetravel-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.bthetravel-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bthetravel-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.bthetravel-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #0484cc;
}
.bthetravel-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bthetravel-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bthetravel-theme .move-image-action-container:hover {
  color: #0484cc;
}
.bthetravel-theme .info-icon {
  color: #0484cc;
}
.bthetravel-theme .email-chip {
  color: #0484cc !important;
  background-color: rgba(4, 132, 204, 0.15) !important;
}
.bthetravel-theme .email-chip .mat-chip-remove {
  color: #0484cc !important;
  opacity: 1 !important;
}
.bthetravel-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.bthetravel-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.bthetravel-theme .mat-badge-content {
  color: #0484cc !important;
}
.bthetravel-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #0484cc !important;
}
.bthetravel-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #0484cc !important;
}
.bthetravel-theme #circle-lleno {
  background: #82b1ff;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.bthetravel-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.bthetravel-theme .marine-color {
  color: #0f223e !important;
}
.bthetravel-theme .primary-color {
  color: #0484cc !important;
}
.bthetravel-theme .gray-color {
  color: #C0C4CA !important;
}
.bthetravel-theme .primary-color-200 {
  color: #90caf9 !important;
}
.bthetravel-theme svg.primary-fill-svg {
  fill: #0484cc !important;
}
.bthetravel-theme .primary-fill {
  fill: #0484cc !important;
}
.bthetravel-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bthetravel-theme .primary-border-50 {
  border-color: #e3f2fd !important;
}
.bthetravel-theme .primary-border-100 {
  border-color: #bbdefb !important;
}
.bthetravel-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.bthetravel-theme .transparent-border-100 {
  border-color: transparent !important;
}
.bthetravel-theme .primary-border-200 {
  border-color: #90caf9 !important;
}
.bthetravel-theme .primary-indicator .mat-expansion-indicator:after {
  color: #0484cc;
}
.bthetravel-theme .contrast-background {
  background-color: #ffffff !important;
}
.bthetravel-theme .primary-color-small {
  color: rgba(4, 132, 204, 0.6);
}
.bthetravel-theme .marine-background {
  background-color: #0f223e !important;
}
.bthetravel-theme .primary-background {
  background-color: #0484cc !important;
}
.bthetravel-theme .primary-background-50 {
  background-color: #e3f2fd !important;
}
.bthetravel-theme .primary-background-200 {
  background-color: #90caf9 !important;
}
.bthetravel-theme .primary-background-800 {
  background-color: #1565c0 !important;
}
.bthetravel-theme .white-color {
  color: white !important;
}
.bthetravel-theme .secondary-color {
  color: #82b1ff !important;
}
.bthetravel-theme .secondary-background {
  background-color: #82b1ff !important;
}
.bthetravel-theme .secondary-background-semi {
  background-color: #0484cc !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #0484cc !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bthetravel-theme .secondary-background-full {
  background-color: #0484cc !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #0484cc !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bthetravel-theme .secondary-background-empty {
  background-color: #0484cc !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #0484cc !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bthetravel-theme .secondary-border {
  background-color: #82b1ff !important;
}
.bthetravel-theme .tertiary-color {
  color: #2979ff !important;
}
.bthetravel-theme button.button-tertiary {
  background-color: #2979ff !important;
  color: #0484cc !important;
  border: 1px solid #0484cc !important;
}
.bthetravel-theme span.red-text {
  color: #DB1F35 !important;
}
.bthetravel-theme .tertiary-background {
  background-color: #2979ff !important;
}
.bthetravel-theme .tertiary-border {
  border-color: #2979ff !important;
}
.bthetravel-theme .dark-background {
  background-color: black !important;
}
.bthetravel-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.bthetravel-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.bthetravel-theme .primary-soft-background {
  background-color: rgba(4, 132, 204, 0.1) !important;
}
.bthetravel-theme .primary-soft-background:hover {
  background-color: rgba(4, 132, 204, 0.15) !important;
}
.bthetravel-theme .primary-border {
  border-color: #0484cc !important;
}
.bthetravel-theme .default-background {
  background-color: #fafafa !important;
}
.bthetravel-theme .hover-primary:hover {
  color: #0484cc !important;
}
.bthetravel-theme .hover-primary-background:hover {
  background-color: #0484cc !important;
}
.bthetravel-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.bthetravel-theme .warn-color {
  color: #e74737 !important;
}
.bthetravel-theme .warn-border {
  border-color: #e74737 !important;
}
.bthetravel-theme .accent-color {
  color: #fedd93 !important;
}
.bthetravel-theme .accent-background {
  background-color: #fedd93 !important;
}
.bthetravel-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.bthetravel-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.bthetravel-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.bthetravel-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.bthetravel-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bthetravel-theme .dialog-table tr .action-icon {
  color: transparent;
}
.bthetravel-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bthetravel-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.bthetravel-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #0484cc;
}
.bthetravel-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bthetravel-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bthetravel-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.bthetravel-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.bthetravel-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.bthetravel-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bthetravel-theme .card-table tr .action-icon {
  color: transparent;
}
.bthetravel-theme .card-table tr .action-icon button {
  color: transparent;
}
.bthetravel-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bthetravel-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bthetravel-theme .card-table tr:hover .action-icon button {
  color: #0484cc;
}
.bthetravel-theme .card-table tr:hover .action-icon:hover {
  color: #0484cc;
}
.bthetravel-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bthetravel-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.bthetravel-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bthetravel-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bthetravel-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #0484cc;
}
.bthetravel-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bthetravel-theme .no-hover-table tr:hover {
  background: white;
}
.bthetravel-theme .custom-standard-chip {
  background-color: rgba(4, 132, 204, 0.1) !important;
  color: #0484cc !important;
}
.bthetravel-theme .help-dashboard-card .mat-icon {
  color: #0484cc;
}
.bthetravel-theme .help-dashboard-card:hover {
  background-color: #0484cc;
}
.bthetravel-theme .help-dashboard-card:hover .mat-icon,
.bthetravel-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.bthetravel-theme .room-open {
  background-color: #0484cc !important;
  color: white !important;
}
.bthetravel-theme .room-open:hover {
  background-color: #0484cc !important;
  color: white !important;
}
.bthetravel-theme #public-office-page-groups .public-group-button-hover {
  background-color: #0484cc !important;
  color: white !important;
}
.bthetravel-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bthetravel-theme .notification-container .show-tip {
  color: transparent;
}
.bthetravel-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bthetravel-theme .notification-container:hover .show-tip {
  color: #0484cc;
}
.bthetravel-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bthetravel-theme .notification-container .notification-subject .mat-icon {
  color: #0484cc;
}
.bthetravel-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.bthetravel-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bthetravel-theme .message-container .show-tip {
  color: transparent;
}
.bthetravel-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bthetravel-theme .message-container:hover .show-tip {
  color: #0484cc;
}
.bthetravel-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bthetravel-theme .message-container .message-subject .mat-icon {
  color: #0484cc;
}
.bthetravel-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.bthetravel-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.bthetravel-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.bthetravel-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.bthetravel-theme .primary-200-outline input {
  caret-color: #90caf9;
  color: #0484cc;
}
.bthetravel-theme .primary-200-outline label {
  color: #90caf9;
}
.bthetravel-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #90caf9 !important;
}
.bthetravel-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #90caf9;
}
.bthetravel-theme mat-form-field .primary-outline label {
  color: #0484cc !important;
}
.bthetravel-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #0484cc !important;
}
.bthetravel-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #0484cc !important;
}
.bthetravel-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.bthetravel-theme .input-primary input {
  caret-color: #0484cc;
  color: #0484cc;
}
.bthetravel-theme .input-primary label {
  color: #0484cc;
}
.bthetravel-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #0484cc !important;
}
.bthetravel-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.bthetravel-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #0484cc;
  border-width: 1px;
}
.bthetravel-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.bthetravel-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.bthetravel-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.bthetravel-theme .boton-recarga {
  background-color: #0484cc;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.bthetravel-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.bthetravel-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.bthetravel-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.bthetravel-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.bthetravel-theme .header-container button {
  padding: 0 !important;
}
.bthetravel-theme .header-container .mat-button {
  min-width: unset !important;
}
.bthetravel-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.bthetravel-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bthetravel-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.bthetravel-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.bthetravel-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.bthetravel-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.bthetravel-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bthetravel-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bthetravel-theme .input-recarga-marine {
  border: 1px solid #0484cc !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.bthetravel-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.bthetravel-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bthetravel-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bthetravel-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bthetravel-theme .color-primary {
  color: #0484cc !important;
  fill: #0484cc !important;
}
.bthetravel-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.bthetravel-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.bthetravel-theme .primary-contrast {
  color: #ffffff !important;
}
.bthetravel-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0484cc !important;
}
.bthetravel-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0484cc !important;
}
.bthetravel-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.bthetravel-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0484cc !important;
}
.bthetravel-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bthetravel-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bthetravel-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bthetravel-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #0484cc !important;
}
.bthetravel-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #0484cc !important;
}
.bthetravel-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #0484cc !important;
}
.bthetravel-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #0484cc !important;
}
.bthetravel-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0484cc !important;
}
.bthetravel-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bthetravel-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0484cc !important;
}
.bthetravel-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bthetravel-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0484cc !important;
}
.bthetravel-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bthetravel-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bthetravel-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0484cc !important;
}
.bthetravel-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #82b1ff !important;
}
.bthetravel-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bthetravel-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0484cc !important;
}
.bthetravel-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #0484cc !important;
}
.bthetravel-theme .mat-checkbox-checked .mat-checkbox-background,
.bthetravel-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #0484cc !important;
}
.bthetravel-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0484cc !important;
}
.bthetravel-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bthetravel-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0484cc !important;
}
.bthetravel-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bthetravel-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0484cc !important;
}
.bthetravel-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #90caf9 !important;
}
.bthetravel-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0484cc !important;
}
.bthetravel-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bthetravel-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.bthetravel-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.bthetravel-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.bthetravel-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #0484cc !important;
}
.bthetravel-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0484cc !important;
}
.bthetravel-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0484cc !important;
}
.bthetravel-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bthetravel-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0484cc !important;
}
.bthetravel-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0484cc !important;
}
.bthetravel-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0484cc !important;
}
.bthetravel-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bthetravel-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bthetravel-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #0484cc !important;
}
.bthetravel-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0484cc !important;
}
.bthetravel-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bthetravel-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bthetravel-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0484cc !important;
}
.bthetravel-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.bthetravel-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.bthetravel-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.bthetravel-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0484cc !important;
}
.bthetravel-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.bthetravel-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0484cc !important;
}
.bthetravel-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0484cc !important;
}
.bthetravel-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0484cc !important;
}
.bthetravel-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.bthetravel-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bthetravel-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bthetravel-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #0484cc !important;
}
.bthetravel-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #0484cc !important;
}
.bthetravel-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #82b1ff !important;
}
.bthetravel-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #82b1ff !important;
}
.bthetravel-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.bthetravel-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0484cc !important;
}
.bthetravel-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0484cc !important;
}
.bthetravel-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.bthetravel-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #0484cc !important;
}
.bthetravel-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #0484cc !important;
}
.bthetravel-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bthetravel-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bthetravel-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.bthetravel-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #82b1ff !important;
}
.bthetravel-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #82b1ff !important;
}
.bthetravel-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.bthetravel-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.bthetravel-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #2979ff !important;
}
.bthetravel-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #2979ff !important;
}
.bthetravel-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #2979ff !important;
}
.bthetravel-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #2979ff !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bthetravel-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #2979ff !important;
}
.bthetravel-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #2979ff !important;
}
.bthetravel-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #0484cc !important;
}
.bthetravel-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #0484cc !important;
}
.bthetravel-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #0484cc !important;
}
.bthetravel-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bthetravel-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.bthetravel-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bthetravel-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.bthetravel-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.bthetravel-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #0484cc !important;
}
.bthetravel-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #0484cc !important;
}
.bthetravel-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #0484cc !important;
}
.bthetravel-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #0484cc !important;
}
.bthetravel-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #0484cc !important;
}
.bthetravel-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #0484cc !important;
}
.bthetravel-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.bthetravel-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #0484cc !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.bthetravel-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.bthetravel-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.bthetravel-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.bthetravel-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.bthetravel-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.bthetravel-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #82b1ff !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bthetravel-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #0484cc !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #0484cc !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bthetravel-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #0484cc !important;
}
.bthetravel-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.bthetravel-theme .button-text-hidden {
  display: none;
}
.gallego-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #000080;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #000080 87%, transparent);
  --mat-form-field-filled-caret-color: #000080;
  --mat-form-field-filled-focus-active-indicator-color: #000080;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #000080 87%, transparent);
  --mat-form-field-outlined-caret-color: #000080;
  --mat-form-field-outlined-focus-outline-color: #000080;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #000080 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #000080;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #000080;
  --mat-slide-toggle-selected-handle-color: #000080;
  --mat-slide-toggle-selected-hover-state-layer-color: #000080;
  --mat-slide-toggle-selected-pressed-state-layer-color: #000080;
  --mat-slide-toggle-selected-focus-handle-color: #000080;
  --mat-slide-toggle-selected-hover-handle-color: #000080;
  --mat-slide-toggle-selected-pressed-handle-color: #000080;
  --mat-slide-toggle-selected-focus-track-color: #64b5f6;
  --mat-slide-toggle-selected-hover-track-color: #64b5f6;
  --mat-slide-toggle-selected-pressed-track-color: #64b5f6;
  --mat-slide-toggle-selected-track-color: #64b5f6;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #000080;
  --mat-slider-focus-handle-color: #000080;
  --mat-slider-handle-color: #000080;
  --mat-slider-hover-handle-color: #000080;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #000080 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #000080 4%, transparent);
  --mat-slider-inactive-track-color: #000080;
  --mat-slider-ripple-color: #000080;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #000080;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #64b5f6;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #000080;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #000080;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #000080 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #000080;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #000080 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #000080 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #000080 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #000080;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #000080;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #000080;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #000080;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #000080;
  --mat-slide-toggle-selected-handle-color: #000080;
  --mat-slide-toggle-selected-hover-state-layer-color: #000080;
  --mat-slide-toggle-selected-pressed-state-layer-color: #000080;
  --mat-slide-toggle-selected-focus-handle-color: #000080;
  --mat-slide-toggle-selected-hover-handle-color: #000080;
  --mat-slide-toggle-selected-pressed-handle-color: #000080;
  --mat-slide-toggle-selected-focus-track-color: #64b5f6;
  --mat-slide-toggle-selected-hover-track-color: #64b5f6;
  --mat-slide-toggle-selected-pressed-track-color: #64b5f6;
  --mat-slide-toggle-selected-track-color: #64b5f6;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.gallego-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.gallego-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.gallego-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #000080;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #000080;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.gallego-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.gallego-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.gallego-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #000080;
  --mat-progress-bar-track-color: rgba(0, 0, 128, 0.25);
}
.gallego-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.gallego-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.gallego-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.gallego-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.gallego-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.gallego-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.gallego-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.gallego-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.gallego-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.gallego-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #000080;
  --mat-chip-elevated-disabled-container-color: #000080;
  --mat-chip-elevated-selected-container-color: #000080;
  --mat-chip-flat-disabled-selected-container-color: #000080;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.gallego-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.gallego-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.gallego-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.gallego-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.gallego-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.gallego-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.gallego-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.gallego-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.gallego-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.gallego-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #000080;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #000080;
  --mat-radio-selected-hover-icon-color: #000080;
  --mat-radio-selected-icon-color: #000080;
  --mat-radio-selected-pressed-icon-color: #000080;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.gallego-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.gallego-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.gallego-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.gallego-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.gallego-theme .mdc-list-item__start,
.gallego-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #000080;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #000080;
  --mat-radio-selected-hover-icon-color: #000080;
  --mat-radio-selected-icon-color: #000080;
  --mat-radio-selected-pressed-icon-color: #000080;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.gallego-theme .mat-accent .mdc-list-item__start,
.gallego-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.gallego-theme .mat-warn .mdc-list-item__start,
.gallego-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.gallego-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #000080;
  --mat-checkbox-selected-hover-icon-color: #000080;
  --mat-checkbox-selected-icon-color: #000080;
  --mat-checkbox-selected-pressed-icon-color: #000080;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #000080;
  --mat-checkbox-selected-hover-state-layer-color: #000080;
  --mat-checkbox-selected-pressed-state-layer-color: #000080;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.gallego-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.gallego-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.gallego-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.gallego-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.gallego-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.gallego-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #000080;
}
.gallego-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.gallego-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.gallego-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.gallego-theme .mdc-list-item__start,
.gallego-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.gallego-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.gallego-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.gallego-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.gallego-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.gallego-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.gallego-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.gallego-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.gallego-theme .mat-mdc-tab-group,
.gallego-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #000080;
  --mat-tab-active-ripple-color: #000080;
  --mat-tab-inactive-ripple-color: #000080;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #000080;
  --mat-tab-active-hover-label-text-color: #000080;
  --mat-tab-active-focus-indicator-color: #000080;
  --mat-tab-active-hover-indicator-color: #000080;
  --mat-tab-active-indicator-color: #000080;
}
.gallego-theme .mat-mdc-tab-group.mat-accent,
.gallego-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.gallego-theme .mat-mdc-tab-group.mat-warn,
.gallego-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.gallego-theme .mat-mdc-tab-group.mat-background-primary,
.gallego-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #000080;
  --mat-tab-foreground-color: #ffffff;
}
.gallego-theme .mat-mdc-tab-group.mat-background-accent,
.gallego-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.gallego-theme .mat-mdc-tab-group.mat-background-warn,
.gallego-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.gallego-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.gallego-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.gallego-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #000080;
  --mat-checkbox-selected-hover-icon-color: #000080;
  --mat-checkbox-selected-icon-color: #000080;
  --mat-checkbox-selected-pressed-icon-color: #000080;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #000080;
  --mat-checkbox-selected-hover-state-layer-color: #000080;
  --mat-checkbox-selected-pressed-state-layer-color: #000080;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.gallego-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.gallego-theme .mat-mdc-button.mat-primary,
.gallego-theme .mat-mdc-unelevated-button.mat-primary,
.gallego-theme .mat-mdc-raised-button.mat-primary,
.gallego-theme .mat-mdc-outlined-button.mat-primary,
.gallego-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #000080;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #000080;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #000080 12%, transparent);
  --mat-button-outlined-state-layer-color: #000080;
  --mat-button-protected-container-color: #000080;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #000080;
  --mat-button-text-ripple-color: color-mix(in srgb, #000080 12%, transparent);
  --mat-button-text-state-layer-color: #000080;
  --mat-button-tonal-container-color: #000080;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.gallego-theme .mat-mdc-button.mat-accent,
.gallego-theme .mat-mdc-unelevated-button.mat-accent,
.gallego-theme .mat-mdc-raised-button.mat-accent,
.gallego-theme .mat-mdc-outlined-button.mat-accent,
.gallego-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.gallego-theme .mat-mdc-button.mat-warn,
.gallego-theme .mat-mdc-unelevated-button.mat-warn,
.gallego-theme .mat-mdc-raised-button.mat-warn,
.gallego-theme .mat-mdc-outlined-button.mat-warn,
.gallego-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.gallego-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #000080;
  --mat-icon-button-state-layer-color: #000080;
  --mat-icon-button-ripple-color: color-mix(in srgb, #000080 12%, transparent);
}
.gallego-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.gallego-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.gallego-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.gallego-theme .mat-mdc-fab.mat-primary,
.gallego-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #000080;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #000080 12%, transparent);
  --mat-fab-small-container-color: #000080;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.gallego-theme .mat-mdc-fab.mat-accent,
.gallego-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.gallego-theme .mat-mdc-fab.mat-warn,
.gallego-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.gallego-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.gallego-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.gallego-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.gallego-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.gallego-theme .mat-datepicker-content.mat-accent,
.gallego-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.gallego-theme .mat-datepicker-content.mat-warn,
.gallego-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.gallego-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.gallego-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.gallego-theme .mat-icon.mat-primary {
  --mat-icon-color: #000080;
}
.gallego-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.gallego-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.gallego-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.gallego-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.gallego-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #000080;
  --mat-toolbar-container-text-color: #ffffff;
}
.gallego-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.gallego-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.gallego-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.gallego-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.gallego-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.gallego-theme .back-container {
  color: #000080;
}
.gallego-theme .back-container:hover {
  opacity: 0.54;
}
.gallego-theme .warn-text {
  color: #e74737;
}
.gallego-theme .inside-modal-title.primary-colored-title,
.gallego-theme .form-title.primary-colored-title {
  color: #000080;
}
.gallego-theme .full-height-container form .button-container {
  background: white;
}
.gallego-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.gallego-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.gallego-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.gallego-theme .box-checkbox.active-box-checkbox {
  background-color: #000080;
  color: white;
}
.gallego-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.gallego-theme .box-radio.active-box-radio {
  background-color: #000080;
  color: white;
}
.gallego-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.gallego-theme .error {
  color: #e74737;
}
.gallego-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.gallego-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.gallego-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.gallego-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.gallego-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.gallego-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.gallego-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.gallego-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.gallego-theme .ql-snow .ql-picker-options {
  background: white;
}
.gallego-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.gallego-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.gallego-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.gallego-theme .ql-snow .ql-fill,
.gallego-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.gallego-theme .ql-snow.ql-toolbar button:hover,
.gallego-theme .ql-snow .ql-toolbar button:hover,
.gallego-theme .ql-snow.ql-toolbar button:focus,
.gallego-theme .ql-snow .ql-toolbar button:focus,
.gallego-theme .ql-snow.ql-toolbar button.ql-active,
.gallego-theme .ql-snow .ql-toolbar button.ql-active,
.gallego-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.gallego-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.gallego-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.gallego-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.gallego-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.gallego-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.gallego-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.gallego-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.gallego-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.gallego-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.gallego-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.gallego-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.gallego-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.gallego-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.gallego-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.gallego-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.gallego-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.gallego-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.gallego-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.gallego-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.gallego-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.gallego-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.gallego-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.gallego-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.gallego-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.gallego-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.gallego-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.gallego-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.gallego-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.gallego-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.gallego-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.gallego-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.gallego-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.gallego-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.gallego-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.gallego-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.gallego-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.gallego-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.gallego-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.gallego-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.gallego-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.gallego-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.gallego-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.gallego-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.gallego-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.gallego-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.gallego-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.gallego-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.gallego-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.gallego-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.gallego-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.gallego-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.gallego-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.gallego-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.gallego-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.gallego-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.gallego-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.gallego-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.gallego-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.gallego-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.gallego-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.gallego-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.gallego-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.gallego-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.gallego-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.gallego-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.gallego-theme bee-form-item {
  margin-right: 0 !important;
}
.gallego-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.gallego-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #000080;
  height: 38px !important;
}
.gallego-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.gallego-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.gallego-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.gallego-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.gallego-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.gallego-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.gallego-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.gallego-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.gallego-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .gallego-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.gallego-theme .general-container .label-wrapper label {
  color: #000080 !important;
  background-color: white;
}
.gallego-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.gallego-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.gallego-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.gallego-theme .general-container .bee-selector .bee-selector-container {
  border-color: #000080 !important;
}
.gallego-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.gallego-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.gallego-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.gallego-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.gallego-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.gallego-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.gallego-theme .general-container .bee-selector .bee-selector-container:focus,
.gallego-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #000080;
}
.gallego-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.gallego-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #000080;
}
.gallego-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.gallego-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #000080;
}
.gallego-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.gallego-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.gallego-theme .general-container .bee-dropdown {
  background: white;
}
.gallego-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #000080;
}
.gallego-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.gallego-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.gallego-theme .general-container .selector-error {
  color: #e74737;
}
.gallego-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.gallego-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.gallego-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.gallego-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.gallego-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #000080;
}
.gallego-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.gallego-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.gallego-theme .move-image-action-container:hover {
  color: #000080;
}
.gallego-theme .info-icon {
  color: #000080;
}
.gallego-theme .email-chip {
  color: #000080 !important;
  background-color: rgba(0, 0, 128, 0.15) !important;
}
.gallego-theme .email-chip .mat-chip-remove {
  color: #000080 !important;
  opacity: 1 !important;
}
.gallego-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.gallego-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.gallego-theme .mat-badge-content {
  color: #000080 !important;
}
.gallego-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #000080 !important;
}
.gallego-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #000080 !important;
}
.gallego-theme #circle-lleno {
  background: #82b1ff;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.gallego-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.gallego-theme .marine-color {
  color: #0f223e !important;
}
.gallego-theme .primary-color {
  color: #000080 !important;
}
.gallego-theme .gray-color {
  color: #C0C4CA !important;
}
.gallego-theme .primary-color-200 {
  color: #90caf9 !important;
}
.gallego-theme svg.primary-fill-svg {
  fill: #000080 !important;
}
.gallego-theme .primary-fill {
  fill: #000080 !important;
}
.gallego-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.gallego-theme .primary-border-50 {
  border-color: #e3f2fd !important;
}
.gallego-theme .primary-border-100 {
  border-color: #bbdefb !important;
}
.gallego-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.gallego-theme .transparent-border-100 {
  border-color: transparent !important;
}
.gallego-theme .primary-border-200 {
  border-color: #90caf9 !important;
}
.gallego-theme .primary-indicator .mat-expansion-indicator:after {
  color: #000080;
}
.gallego-theme .contrast-background {
  background-color: #ffffff !important;
}
.gallego-theme .primary-color-small {
  color: rgba(0, 0, 128, 0.6);
}
.gallego-theme .marine-background {
  background-color: #0f223e !important;
}
.gallego-theme .primary-background {
  background-color: #000080 !important;
}
.gallego-theme .primary-background-50 {
  background-color: #e3f2fd !important;
}
.gallego-theme .primary-background-200 {
  background-color: #90caf9 !important;
}
.gallego-theme .primary-background-800 {
  background-color: #1565c0 !important;
}
.gallego-theme .white-color {
  color: white !important;
}
.gallego-theme .secondary-color {
  color: #82b1ff !important;
}
.gallego-theme .secondary-background {
  background-color: #82b1ff !important;
}
.gallego-theme .secondary-background-semi {
  background-color: #000080 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #000080 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.gallego-theme .secondary-background-full {
  background-color: #000080 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #000080 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.gallego-theme .secondary-background-empty {
  background-color: #000080 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #000080 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.gallego-theme .secondary-border {
  background-color: #82b1ff !important;
}
.gallego-theme .tertiary-color {
  color: #2979ff !important;
}
.gallego-theme button.button-tertiary {
  background-color: #2979ff !important;
  color: #000080 !important;
  border: 1px solid #000080 !important;
}
.gallego-theme span.red-text {
  color: #DB1F35 !important;
}
.gallego-theme .tertiary-background {
  background-color: #2979ff !important;
}
.gallego-theme .tertiary-border {
  border-color: #2979ff !important;
}
.gallego-theme .dark-background {
  background-color: black !important;
}
.gallego-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.gallego-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.gallego-theme .primary-soft-background {
  background-color: rgba(0, 0, 128, 0.1) !important;
}
.gallego-theme .primary-soft-background:hover {
  background-color: rgba(0, 0, 128, 0.15) !important;
}
.gallego-theme .primary-border {
  border-color: #000080 !important;
}
.gallego-theme .default-background {
  background-color: #fafafa !important;
}
.gallego-theme .hover-primary:hover {
  color: #000080 !important;
}
.gallego-theme .hover-primary-background:hover {
  background-color: #000080 !important;
}
.gallego-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.gallego-theme .warn-color {
  color: #e74737 !important;
}
.gallego-theme .warn-border {
  border-color: #e74737 !important;
}
.gallego-theme .accent-color {
  color: #fedd93 !important;
}
.gallego-theme .accent-background {
  background-color: #fedd93 !important;
}
.gallego-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.gallego-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.gallego-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.gallego-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.gallego-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.gallego-theme .dialog-table tr .action-icon {
  color: transparent;
}
.gallego-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.gallego-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.gallego-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #000080;
}
.gallego-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.gallego-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.gallego-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.gallego-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.gallego-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.gallego-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.gallego-theme .card-table tr .action-icon {
  color: transparent;
}
.gallego-theme .card-table tr .action-icon button {
  color: transparent;
}
.gallego-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.gallego-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.gallego-theme .card-table tr:hover .action-icon button {
  color: #000080;
}
.gallego-theme .card-table tr:hover .action-icon:hover {
  color: #000080;
}
.gallego-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.gallego-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.gallego-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.gallego-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.gallego-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #000080;
}
.gallego-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.gallego-theme .no-hover-table tr:hover {
  background: white;
}
.gallego-theme .custom-standard-chip {
  background-color: rgba(0, 0, 128, 0.1) !important;
  color: #000080 !important;
}
.gallego-theme .help-dashboard-card .mat-icon {
  color: #000080;
}
.gallego-theme .help-dashboard-card:hover {
  background-color: #000080;
}
.gallego-theme .help-dashboard-card:hover .mat-icon,
.gallego-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.gallego-theme .room-open {
  background-color: #000080 !important;
  color: white !important;
}
.gallego-theme .room-open:hover {
  background-color: #000080 !important;
  color: white !important;
}
.gallego-theme #public-office-page-groups .public-group-button-hover {
  background-color: #000080 !important;
  color: white !important;
}
.gallego-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.gallego-theme .notification-container .show-tip {
  color: transparent;
}
.gallego-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.gallego-theme .notification-container:hover .show-tip {
  color: #000080;
}
.gallego-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.gallego-theme .notification-container .notification-subject .mat-icon {
  color: #000080;
}
.gallego-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.gallego-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.gallego-theme .message-container .show-tip {
  color: transparent;
}
.gallego-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.gallego-theme .message-container:hover .show-tip {
  color: #000080;
}
.gallego-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.gallego-theme .message-container .message-subject .mat-icon {
  color: #000080;
}
.gallego-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.gallego-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.gallego-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.gallego-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.gallego-theme .primary-200-outline input {
  caret-color: #90caf9;
  color: #000080;
}
.gallego-theme .primary-200-outline label {
  color: #90caf9;
}
.gallego-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #90caf9 !important;
}
.gallego-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #90caf9;
}
.gallego-theme mat-form-field .primary-outline label {
  color: #000080 !important;
}
.gallego-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #000080 !important;
}
.gallego-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #000080 !important;
}
.gallego-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.gallego-theme .input-primary input {
  caret-color: #000080;
  color: #000080;
}
.gallego-theme .input-primary label {
  color: #000080;
}
.gallego-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #000080 !important;
}
.gallego-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.gallego-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #000080;
  border-width: 1px;
}
.gallego-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.gallego-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.gallego-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.gallego-theme .boton-recarga {
  background-color: #000080;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.gallego-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.gallego-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.gallego-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.gallego-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.gallego-theme .header-container button {
  padding: 0 !important;
}
.gallego-theme .header-container .mat-button {
  min-width: unset !important;
}
.gallego-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.gallego-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gallego-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.gallego-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.gallego-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.gallego-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.gallego-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.gallego-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.gallego-theme .input-recarga-marine {
  border: 1px solid #000080 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.gallego-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.gallego-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.gallego-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.gallego-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.gallego-theme .color-primary {
  color: #000080 !important;
  fill: #000080 !important;
}
.gallego-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.gallego-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.gallego-theme .primary-contrast {
  color: #ffffff !important;
}
.gallego-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #000080 !important;
}
.gallego-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #000080 !important;
}
.gallego-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.gallego-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #000080 !important;
}
.gallego-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.gallego-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.gallego-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.gallego-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #000080 !important;
}
.gallego-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #000080 !important;
}
.gallego-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #000080 !important;
}
.gallego-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #000080 !important;
}
.gallego-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000080 !important;
}
.gallego-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.gallego-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000080 !important;
}
.gallego-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.gallego-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #000080 !important;
}
.gallego-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.gallego-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.gallego-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #000080 !important;
}
.gallego-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #82b1ff !important;
}
.gallego-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.gallego-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000080 !important;
}
.gallego-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #000080 !important;
}
.gallego-theme .mat-checkbox-checked .mat-checkbox-background,
.gallego-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #000080 !important;
}
.gallego-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #000080 !important;
}
.gallego-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.gallego-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000080 !important;
}
.gallego-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.gallego-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #000080 !important;
}
.gallego-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #90caf9 !important;
}
.gallego-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #000080 !important;
}
.gallego-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.gallego-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.gallego-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.gallego-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.gallego-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #000080 !important;
}
.gallego-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000080 !important;
}
.gallego-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000080 !important;
}
.gallego-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.gallego-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000080 !important;
}
.gallego-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000080 !important;
}
.gallego-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000080 !important;
}
.gallego-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.gallego-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.gallego-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #000080 !important;
}
.gallego-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000080 !important;
}
.gallego-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.gallego-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.gallego-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000080 !important;
}
.gallego-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.gallego-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.gallego-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.gallego-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000080 !important;
}
.gallego-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.gallego-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000080 !important;
}
.gallego-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000080 !important;
}
.gallego-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000080 !important;
}
.gallego-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.gallego-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.gallego-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.gallego-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #000080 !important;
}
.gallego-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #000080 !important;
}
.gallego-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #82b1ff !important;
}
.gallego-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #82b1ff !important;
}
.gallego-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.gallego-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000080 !important;
}
.gallego-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000080 !important;
}
.gallego-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.gallego-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #000080 !important;
}
.gallego-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #000080 !important;
}
.gallego-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.gallego-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.gallego-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.gallego-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #82b1ff !important;
}
.gallego-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #82b1ff !important;
}
.gallego-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.gallego-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.gallego-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #2979ff !important;
}
.gallego-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #2979ff !important;
}
.gallego-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #2979ff !important;
}
.gallego-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #2979ff !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.gallego-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #2979ff !important;
}
.gallego-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #2979ff !important;
}
.gallego-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #000080 !important;
}
.gallego-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #000080 !important;
}
.gallego-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #000080 !important;
}
.gallego-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.gallego-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.gallego-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.gallego-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.gallego-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.gallego-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #000080 !important;
}
.gallego-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #000080 !important;
}
.gallego-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #000080 !important;
}
.gallego-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #000080 !important;
}
.gallego-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #000080 !important;
}
.gallego-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #000080 !important;
}
.gallego-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.gallego-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #000080 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.gallego-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.gallego-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.gallego-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.gallego-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.gallego-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.gallego-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #82b1ff !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.gallego-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #000080 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #000080 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.gallego-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #000080 !important;
}
.gallego-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.gallego-theme .button-text-hidden {
  display: none;
}
.expoliva-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #384c33;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #384c33 87%, transparent);
  --mat-form-field-filled-caret-color: #384c33;
  --mat-form-field-filled-focus-active-indicator-color: #384c33;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #384c33 87%, transparent);
  --mat-form-field-outlined-caret-color: #384c33;
  --mat-form-field-outlined-focus-outline-color: #384c33;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #384c33 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #384c33;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #384c33;
  --mat-slide-toggle-selected-handle-color: #384c33;
  --mat-slide-toggle-selected-hover-state-layer-color: #384c33;
  --mat-slide-toggle-selected-pressed-state-layer-color: #384c33;
  --mat-slide-toggle-selected-focus-handle-color: #384c33;
  --mat-slide-toggle-selected-hover-handle-color: #384c33;
  --mat-slide-toggle-selected-pressed-handle-color: #384c33;
  --mat-slide-toggle-selected-focus-track-color: #748270;
  --mat-slide-toggle-selected-hover-track-color: #748270;
  --mat-slide-toggle-selected-pressed-track-color: #748270;
  --mat-slide-toggle-selected-track-color: #748270;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #384c33;
  --mat-slider-focus-handle-color: #384c33;
  --mat-slider-handle-color: #384c33;
  --mat-slider-hover-handle-color: #384c33;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #384c33 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #384c33 4%, transparent);
  --mat-slider-inactive-track-color: #384c33;
  --mat-slider-ripple-color: #384c33;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #384c33;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #748270;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #384c33;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #384c33;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #384c33 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #384c33;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #384c33 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #384c33 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #384c33 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #384c33;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #384c33;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #384c33;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #384c33;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #384c33;
  --mat-slide-toggle-selected-handle-color: #384c33;
  --mat-slide-toggle-selected-hover-state-layer-color: #384c33;
  --mat-slide-toggle-selected-pressed-state-layer-color: #384c33;
  --mat-slide-toggle-selected-focus-handle-color: #384c33;
  --mat-slide-toggle-selected-hover-handle-color: #384c33;
  --mat-slide-toggle-selected-pressed-handle-color: #384c33;
  --mat-slide-toggle-selected-focus-track-color: #748270;
  --mat-slide-toggle-selected-hover-track-color: #748270;
  --mat-slide-toggle-selected-pressed-track-color: #748270;
  --mat-slide-toggle-selected-track-color: #748270;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.expoliva-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.expoliva-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.expoliva-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #384c33;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #384c33;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.expoliva-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.expoliva-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.expoliva-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #384c33;
  --mat-progress-bar-track-color: rgba(56, 76, 51, 0.25);
}
.expoliva-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.expoliva-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.expoliva-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.expoliva-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.expoliva-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.expoliva-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.expoliva-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.expoliva-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.expoliva-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.expoliva-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #384c33;
  --mat-chip-elevated-disabled-container-color: #384c33;
  --mat-chip-elevated-selected-container-color: #384c33;
  --mat-chip-flat-disabled-selected-container-color: #384c33;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.expoliva-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.expoliva-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.expoliva-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.expoliva-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.expoliva-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.expoliva-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.expoliva-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.expoliva-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.expoliva-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.expoliva-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #384c33;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #384c33;
  --mat-radio-selected-hover-icon-color: #384c33;
  --mat-radio-selected-icon-color: #384c33;
  --mat-radio-selected-pressed-icon-color: #384c33;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.expoliva-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.expoliva-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.expoliva-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.expoliva-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.expoliva-theme .mdc-list-item__start,
.expoliva-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #384c33;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #384c33;
  --mat-radio-selected-hover-icon-color: #384c33;
  --mat-radio-selected-icon-color: #384c33;
  --mat-radio-selected-pressed-icon-color: #384c33;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.expoliva-theme .mat-accent .mdc-list-item__start,
.expoliva-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.expoliva-theme .mat-warn .mdc-list-item__start,
.expoliva-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.expoliva-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #384c33;
  --mat-checkbox-selected-hover-icon-color: #384c33;
  --mat-checkbox-selected-icon-color: #384c33;
  --mat-checkbox-selected-pressed-icon-color: #384c33;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #384c33;
  --mat-checkbox-selected-hover-state-layer-color: #384c33;
  --mat-checkbox-selected-pressed-state-layer-color: #384c33;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.expoliva-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.expoliva-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.expoliva-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.expoliva-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.expoliva-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.expoliva-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #384c33;
}
.expoliva-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.expoliva-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.expoliva-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.expoliva-theme .mdc-list-item__start,
.expoliva-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.expoliva-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.expoliva-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.expoliva-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.expoliva-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.expoliva-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.expoliva-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.expoliva-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.expoliva-theme .mat-mdc-tab-group,
.expoliva-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #384c33;
  --mat-tab-active-ripple-color: #384c33;
  --mat-tab-inactive-ripple-color: #384c33;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #384c33;
  --mat-tab-active-hover-label-text-color: #384c33;
  --mat-tab-active-focus-indicator-color: #384c33;
  --mat-tab-active-hover-indicator-color: #384c33;
  --mat-tab-active-indicator-color: #384c33;
}
.expoliva-theme .mat-mdc-tab-group.mat-accent,
.expoliva-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.expoliva-theme .mat-mdc-tab-group.mat-warn,
.expoliva-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.expoliva-theme .mat-mdc-tab-group.mat-background-primary,
.expoliva-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #384c33;
  --mat-tab-foreground-color: #ffffff;
}
.expoliva-theme .mat-mdc-tab-group.mat-background-accent,
.expoliva-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.expoliva-theme .mat-mdc-tab-group.mat-background-warn,
.expoliva-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.expoliva-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.expoliva-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.expoliva-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #384c33;
  --mat-checkbox-selected-hover-icon-color: #384c33;
  --mat-checkbox-selected-icon-color: #384c33;
  --mat-checkbox-selected-pressed-icon-color: #384c33;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #384c33;
  --mat-checkbox-selected-hover-state-layer-color: #384c33;
  --mat-checkbox-selected-pressed-state-layer-color: #384c33;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.expoliva-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.expoliva-theme .mat-mdc-button.mat-primary,
.expoliva-theme .mat-mdc-unelevated-button.mat-primary,
.expoliva-theme .mat-mdc-raised-button.mat-primary,
.expoliva-theme .mat-mdc-outlined-button.mat-primary,
.expoliva-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #384c33;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #384c33;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #384c33 12%, transparent);
  --mat-button-outlined-state-layer-color: #384c33;
  --mat-button-protected-container-color: #384c33;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #384c33;
  --mat-button-text-ripple-color: color-mix(in srgb, #384c33 12%, transparent);
  --mat-button-text-state-layer-color: #384c33;
  --mat-button-tonal-container-color: #384c33;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.expoliva-theme .mat-mdc-button.mat-accent,
.expoliva-theme .mat-mdc-unelevated-button.mat-accent,
.expoliva-theme .mat-mdc-raised-button.mat-accent,
.expoliva-theme .mat-mdc-outlined-button.mat-accent,
.expoliva-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.expoliva-theme .mat-mdc-button.mat-warn,
.expoliva-theme .mat-mdc-unelevated-button.mat-warn,
.expoliva-theme .mat-mdc-raised-button.mat-warn,
.expoliva-theme .mat-mdc-outlined-button.mat-warn,
.expoliva-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.expoliva-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #384c33;
  --mat-icon-button-state-layer-color: #384c33;
  --mat-icon-button-ripple-color: color-mix(in srgb, #384c33 12%, transparent);
}
.expoliva-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.expoliva-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.expoliva-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.expoliva-theme .mat-mdc-fab.mat-primary,
.expoliva-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #384c33;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #384c33 12%, transparent);
  --mat-fab-small-container-color: #384c33;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.expoliva-theme .mat-mdc-fab.mat-accent,
.expoliva-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.expoliva-theme .mat-mdc-fab.mat-warn,
.expoliva-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.expoliva-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.expoliva-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.expoliva-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.expoliva-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.expoliva-theme .mat-datepicker-content.mat-accent,
.expoliva-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.expoliva-theme .mat-datepicker-content.mat-warn,
.expoliva-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.expoliva-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.expoliva-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.expoliva-theme .mat-icon.mat-primary {
  --mat-icon-color: #384c33;
}
.expoliva-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.expoliva-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.expoliva-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.expoliva-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.expoliva-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #384c33;
  --mat-toolbar-container-text-color: #ffffff;
}
.expoliva-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.expoliva-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.expoliva-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.expoliva-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.expoliva-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.expoliva-theme .back-container {
  color: #384c33;
}
.expoliva-theme .back-container:hover {
  opacity: 0.54;
}
.expoliva-theme .warn-text {
  color: #e74737;
}
.expoliva-theme .inside-modal-title.primary-colored-title,
.expoliva-theme .form-title.primary-colored-title {
  color: #384c33;
}
.expoliva-theme .full-height-container form .button-container {
  background: white;
}
.expoliva-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.expoliva-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.expoliva-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.expoliva-theme .box-checkbox.active-box-checkbox {
  background-color: #384c33;
  color: white;
}
.expoliva-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.expoliva-theme .box-radio.active-box-radio {
  background-color: #384c33;
  color: white;
}
.expoliva-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.expoliva-theme .error {
  color: #e74737;
}
.expoliva-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.expoliva-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.expoliva-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.expoliva-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.expoliva-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.expoliva-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.expoliva-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.expoliva-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.expoliva-theme .ql-snow .ql-picker-options {
  background: white;
}
.expoliva-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.expoliva-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.expoliva-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.expoliva-theme .ql-snow .ql-fill,
.expoliva-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.expoliva-theme .ql-snow.ql-toolbar button:hover,
.expoliva-theme .ql-snow .ql-toolbar button:hover,
.expoliva-theme .ql-snow.ql-toolbar button:focus,
.expoliva-theme .ql-snow .ql-toolbar button:focus,
.expoliva-theme .ql-snow.ql-toolbar button.ql-active,
.expoliva-theme .ql-snow .ql-toolbar button.ql-active,
.expoliva-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.expoliva-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.expoliva-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.expoliva-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.expoliva-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.expoliva-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.expoliva-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.expoliva-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.expoliva-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.expoliva-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.expoliva-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.expoliva-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.expoliva-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.expoliva-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.expoliva-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.expoliva-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.expoliva-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.expoliva-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.expoliva-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.expoliva-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.expoliva-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.expoliva-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.expoliva-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.expoliva-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.expoliva-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.expoliva-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.expoliva-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.expoliva-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.expoliva-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.expoliva-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.expoliva-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.expoliva-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.expoliva-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.expoliva-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.expoliva-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.expoliva-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.expoliva-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.expoliva-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.expoliva-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.expoliva-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.expoliva-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.expoliva-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.expoliva-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.expoliva-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.expoliva-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.expoliva-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.expoliva-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.expoliva-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.expoliva-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.expoliva-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.expoliva-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.expoliva-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.expoliva-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.expoliva-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.expoliva-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.expoliva-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.expoliva-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.expoliva-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.expoliva-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.expoliva-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.expoliva-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.expoliva-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.expoliva-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.expoliva-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.expoliva-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.expoliva-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.expoliva-theme bee-form-item {
  margin-right: 0 !important;
}
.expoliva-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.expoliva-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #384c33;
  height: 38px !important;
}
.expoliva-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.expoliva-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.expoliva-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.expoliva-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.expoliva-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.expoliva-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.expoliva-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.expoliva-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.expoliva-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .expoliva-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.expoliva-theme .general-container .label-wrapper label {
  color: #384c33 !important;
  background-color: white;
}
.expoliva-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.expoliva-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.expoliva-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.expoliva-theme .general-container .bee-selector .bee-selector-container {
  border-color: #384c33 !important;
}
.expoliva-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.expoliva-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.expoliva-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.expoliva-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.expoliva-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.expoliva-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.expoliva-theme .general-container .bee-selector .bee-selector-container:focus,
.expoliva-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #384c33;
}
.expoliva-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.expoliva-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #384c33;
}
.expoliva-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.expoliva-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #384c33;
}
.expoliva-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.expoliva-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.expoliva-theme .general-container .bee-dropdown {
  background: white;
}
.expoliva-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #384c33;
}
.expoliva-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.expoliva-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.expoliva-theme .general-container .selector-error {
  color: #e74737;
}
.expoliva-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.expoliva-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.expoliva-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.expoliva-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.expoliva-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #384c33;
}
.expoliva-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.expoliva-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.expoliva-theme .move-image-action-container:hover {
  color: #384c33;
}
.expoliva-theme .info-icon {
  color: #384c33;
}
.expoliva-theme .email-chip {
  color: #384c33 !important;
  background-color: rgba(56, 76, 51, 0.15) !important;
}
.expoliva-theme .email-chip .mat-chip-remove {
  color: #384c33 !important;
  opacity: 1 !important;
}
.expoliva-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.expoliva-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.expoliva-theme .mat-badge-content {
  color: #384c33 !important;
}
.expoliva-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #384c33 !important;
}
.expoliva-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #384c33 !important;
}
.expoliva-theme #circle-lleno {
  background: #27E700;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.expoliva-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.expoliva-theme .marine-color {
  color: #0f223e !important;
}
.expoliva-theme .primary-color {
  color: #384c33 !important;
}
.expoliva-theme .gray-color {
  color: #C0C4CA !important;
}
.expoliva-theme .primary-color-200 {
  color: #9ca699 !important;
}
.expoliva-theme svg.primary-fill-svg {
  fill: #384c33 !important;
}
.expoliva-theme .primary-fill {
  fill: #384c33 !important;
}
.expoliva-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.expoliva-theme .primary-border-50 {
  border-color: #e7eae7 !important;
}
.expoliva-theme .primary-border-100 {
  border-color: #c3c9c2 !important;
}
.expoliva-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.expoliva-theme .transparent-border-100 {
  border-color: transparent !important;
}
.expoliva-theme .primary-border-200 {
  border-color: #9ca699 !important;
}
.expoliva-theme .primary-indicator .mat-expansion-indicator:after {
  color: #384c33;
}
.expoliva-theme .contrast-background {
  background-color: #ffffff !important;
}
.expoliva-theme .primary-color-small {
  color: rgba(56, 76, 51, 0.6);
}
.expoliva-theme .marine-background {
  background-color: #0f223e !important;
}
.expoliva-theme .primary-background {
  background-color: #384c33 !important;
}
.expoliva-theme .primary-background-50 {
  background-color: #e7eae7 !important;
}
.expoliva-theme .primary-background-200 {
  background-color: #9ca699 !important;
}
.expoliva-theme .primary-background-800 {
  background-color: #243320 !important;
}
.expoliva-theme .white-color {
  color: white !important;
}
.expoliva-theme .secondary-color {
  color: #27E700 !important;
}
.expoliva-theme .secondary-background {
  background-color: #27E700 !important;
}
.expoliva-theme .secondary-background-semi {
  background-color: #384c33 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #384c33 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.expoliva-theme .secondary-background-full {
  background-color: #384c33 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #384c33 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.expoliva-theme .secondary-background-empty {
  background-color: #384c33 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #384c33 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.expoliva-theme .secondary-border {
  background-color: #27E700 !important;
}
.expoliva-theme .tertiary-color {
  color: #27E700 !important;
}
.expoliva-theme button.button-tertiary {
  background-color: #27E700 !important;
  color: #384c33 !important;
  border: 1px solid #384c33 !important;
}
.expoliva-theme span.red-text {
  color: #DB1F35 !important;
}
.expoliva-theme .tertiary-background {
  background-color: #27E700 !important;
}
.expoliva-theme .tertiary-border {
  border-color: #27E700 !important;
}
.expoliva-theme .dark-background {
  background-color: black !important;
}
.expoliva-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.expoliva-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.expoliva-theme .primary-soft-background {
  background-color: rgba(56, 76, 51, 0.1) !important;
}
.expoliva-theme .primary-soft-background:hover {
  background-color: rgba(56, 76, 51, 0.15) !important;
}
.expoliva-theme .primary-border {
  border-color: #384c33 !important;
}
.expoliva-theme .default-background {
  background-color: #fafafa !important;
}
.expoliva-theme .hover-primary:hover {
  color: #384c33 !important;
}
.expoliva-theme .hover-primary-background:hover {
  background-color: #384c33 !important;
}
.expoliva-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.expoliva-theme .warn-color {
  color: #e74737 !important;
}
.expoliva-theme .warn-border {
  border-color: #e74737 !important;
}
.expoliva-theme .accent-color {
  color: #fedd93 !important;
}
.expoliva-theme .accent-background {
  background-color: #fedd93 !important;
}
.expoliva-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.expoliva-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.expoliva-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.expoliva-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.expoliva-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.expoliva-theme .dialog-table tr .action-icon {
  color: transparent;
}
.expoliva-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.expoliva-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.expoliva-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #384c33;
}
.expoliva-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.expoliva-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.expoliva-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.expoliva-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.expoliva-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.expoliva-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.expoliva-theme .card-table tr .action-icon {
  color: transparent;
}
.expoliva-theme .card-table tr .action-icon button {
  color: transparent;
}
.expoliva-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.expoliva-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.expoliva-theme .card-table tr:hover .action-icon button {
  color: #384c33;
}
.expoliva-theme .card-table tr:hover .action-icon:hover {
  color: #384c33;
}
.expoliva-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.expoliva-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.expoliva-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.expoliva-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.expoliva-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #384c33;
}
.expoliva-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.expoliva-theme .no-hover-table tr:hover {
  background: white;
}
.expoliva-theme .custom-standard-chip {
  background-color: rgba(56, 76, 51, 0.1) !important;
  color: #384c33 !important;
}
.expoliva-theme .help-dashboard-card .mat-icon {
  color: #384c33;
}
.expoliva-theme .help-dashboard-card:hover {
  background-color: #384c33;
}
.expoliva-theme .help-dashboard-card:hover .mat-icon,
.expoliva-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.expoliva-theme .room-open {
  background-color: #384c33 !important;
  color: white !important;
}
.expoliva-theme .room-open:hover {
  background-color: #384c33 !important;
  color: white !important;
}
.expoliva-theme #public-office-page-groups .public-group-button-hover {
  background-color: #384c33 !important;
  color: white !important;
}
.expoliva-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.expoliva-theme .notification-container .show-tip {
  color: transparent;
}
.expoliva-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.expoliva-theme .notification-container:hover .show-tip {
  color: #384c33;
}
.expoliva-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.expoliva-theme .notification-container .notification-subject .mat-icon {
  color: #384c33;
}
.expoliva-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.expoliva-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.expoliva-theme .message-container .show-tip {
  color: transparent;
}
.expoliva-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.expoliva-theme .message-container:hover .show-tip {
  color: #384c33;
}
.expoliva-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.expoliva-theme .message-container .message-subject .mat-icon {
  color: #384c33;
}
.expoliva-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.expoliva-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.expoliva-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.expoliva-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.expoliva-theme .primary-200-outline input {
  caret-color: #9ca699;
  color: #384c33;
}
.expoliva-theme .primary-200-outline label {
  color: #9ca699;
}
.expoliva-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #9ca699 !important;
}
.expoliva-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #9ca699;
}
.expoliva-theme mat-form-field .primary-outline label {
  color: #384c33 !important;
}
.expoliva-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #384c33 !important;
}
.expoliva-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #384c33 !important;
}
.expoliva-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.expoliva-theme .input-primary input {
  caret-color: #384c33;
  color: #384c33;
}
.expoliva-theme .input-primary label {
  color: #384c33;
}
.expoliva-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #384c33 !important;
}
.expoliva-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.expoliva-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #384c33;
  border-width: 1px;
}
.expoliva-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.expoliva-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.expoliva-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.expoliva-theme .boton-recarga {
  background-color: #384c33;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.expoliva-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.expoliva-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.expoliva-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.expoliva-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.expoliva-theme .header-container button {
  padding: 0 !important;
}
.expoliva-theme .header-container .mat-button {
  min-width: unset !important;
}
.expoliva-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.expoliva-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.expoliva-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.expoliva-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.expoliva-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.expoliva-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.expoliva-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.expoliva-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.expoliva-theme .input-recarga-marine {
  border: 1px solid #384c33 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.expoliva-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.expoliva-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.expoliva-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.expoliva-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.expoliva-theme .color-primary {
  color: #384c33 !important;
  fill: #384c33 !important;
}
.expoliva-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.expoliva-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.expoliva-theme .primary-contrast {
  color: #ffffff !important;
}
.expoliva-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #384c33 !important;
}
.expoliva-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #384c33 !important;
}
.expoliva-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.expoliva-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #384c33 !important;
}
.expoliva-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.expoliva-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.expoliva-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.expoliva-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #384c33 !important;
}
.expoliva-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #384c33 !important;
}
.expoliva-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #384c33 !important;
}
.expoliva-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #384c33 !important;
}
.expoliva-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #384c33 !important;
}
.expoliva-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.expoliva-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #384c33 !important;
}
.expoliva-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.expoliva-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #384c33 !important;
}
.expoliva-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.expoliva-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.expoliva-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #384c33 !important;
}
.expoliva-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #27E700 !important;
}
.expoliva-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.expoliva-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #384c33 !important;
}
.expoliva-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #384c33 !important;
}
.expoliva-theme .mat-checkbox-checked .mat-checkbox-background,
.expoliva-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #384c33 !important;
}
.expoliva-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #384c33 !important;
}
.expoliva-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.expoliva-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #384c33 !important;
}
.expoliva-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.expoliva-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #384c33 !important;
}
.expoliva-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #9ca699 !important;
}
.expoliva-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #384c33 !important;
}
.expoliva-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.expoliva-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.expoliva-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.expoliva-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.expoliva-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #384c33 !important;
}
.expoliva-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #384c33 !important;
}
.expoliva-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #384c33 !important;
}
.expoliva-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.expoliva-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #384c33 !important;
}
.expoliva-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #384c33 !important;
}
.expoliva-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #384c33 !important;
}
.expoliva-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.expoliva-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.expoliva-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #384c33 !important;
}
.expoliva-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #384c33 !important;
}
.expoliva-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.expoliva-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.expoliva-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #384c33 !important;
}
.expoliva-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.expoliva-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.expoliva-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.expoliva-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #384c33 !important;
}
.expoliva-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.expoliva-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #384c33 !important;
}
.expoliva-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #384c33 !important;
}
.expoliva-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #384c33 !important;
}
.expoliva-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.expoliva-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.expoliva-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.expoliva-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #384c33 !important;
}
.expoliva-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #384c33 !important;
}
.expoliva-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #27E700 !important;
}
.expoliva-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #27E700 !important;
}
.expoliva-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.expoliva-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #384c33 !important;
}
.expoliva-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #384c33 !important;
}
.expoliva-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.expoliva-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #384c33 !important;
}
.expoliva-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #384c33 !important;
}
.expoliva-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.expoliva-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.expoliva-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.expoliva-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #27E700 !important;
}
.expoliva-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #27E700 !important;
}
.expoliva-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.expoliva-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.expoliva-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #27E700 !important;
}
.expoliva-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #27E700 !important;
}
.expoliva-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #27E700 !important;
}
.expoliva-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #27E700 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.expoliva-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #27E700 !important;
}
.expoliva-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #27E700 !important;
}
.expoliva-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #384c33 !important;
}
.expoliva-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #384c33 !important;
}
.expoliva-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #384c33 !important;
}
.expoliva-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.expoliva-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.expoliva-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.expoliva-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.expoliva-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.expoliva-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #384c33 !important;
}
.expoliva-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #384c33 !important;
}
.expoliva-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #384c33 !important;
}
.expoliva-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #384c33 !important;
}
.expoliva-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #384c33 !important;
}
.expoliva-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #384c33 !important;
}
.expoliva-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.expoliva-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #384c33 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.expoliva-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.expoliva-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.expoliva-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.expoliva-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.expoliva-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.expoliva-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #27E700 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.expoliva-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #384c33 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #384c33 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.expoliva-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #384c33 !important;
}
.expoliva-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.expoliva-theme .button-text-hidden {
  display: none;
}
.wegow-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #241c24;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #241c24 87%, transparent);
  --mat-form-field-filled-caret-color: #241c24;
  --mat-form-field-filled-focus-active-indicator-color: #241c24;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #241c24 87%, transparent);
  --mat-form-field-outlined-caret-color: #241c24;
  --mat-form-field-outlined-focus-outline-color: #241c24;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #241c24 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #241c24;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #2cf9e9;
  --mat-slide-toggle-disabled-selected-icon-color: #2cf9e9;
  --mat-slide-toggle-selected-focus-state-layer-color: #241c24;
  --mat-slide-toggle-selected-handle-color: #241c24;
  --mat-slide-toggle-selected-hover-state-layer-color: #241c24;
  --mat-slide-toggle-selected-pressed-state-layer-color: #241c24;
  --mat-slide-toggle-selected-focus-handle-color: #241c24;
  --mat-slide-toggle-selected-hover-handle-color: #241c24;
  --mat-slide-toggle-selected-pressed-handle-color: #241c24;
  --mat-slide-toggle-selected-focus-track-color: #666066;
  --mat-slide-toggle-selected-hover-track-color: #666066;
  --mat-slide-toggle-selected-pressed-track-color: #666066;
  --mat-slide-toggle-selected-track-color: #666066;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #241c24;
  --mat-slider-focus-handle-color: #241c24;
  --mat-slider-handle-color: #241c24;
  --mat-slider-hover-handle-color: #241c24;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #241c24 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #241c24 4%, transparent);
  --mat-slider-inactive-track-color: #241c24;
  --mat-slider-ripple-color: #241c24;
  --mat-slider-with-tick-marks-active-container-color: #2cf9e9;
  --mat-slider-with-tick-marks-inactive-container-color: #241c24;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #666066;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #241c24;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #241c24;
  --mat-badge-text-color: #2cf9e9;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #241c24 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #2cf9e9;
  --mat-datepicker-calendar-date-selected-state-background-color: #241c24;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #241c24 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #2cf9e9;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #241c24 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #241c24 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #241c24;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #2cf9e9;
  --mat-stepper-header-selected-state-icon-background-color: #241c24;
  --mat-stepper-header-selected-state-icon-foreground-color: #2cf9e9;
  --mat-stepper-header-done-state-icon-background-color: #241c24;
  --mat-stepper-header-done-state-icon-foreground-color: #2cf9e9;
  --mat-stepper-header-edit-state-icon-background-color: #241c24;
  --mat-stepper-header-edit-state-icon-foreground-color: #2cf9e9;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #2cf9e9;
  --mat-slide-toggle-disabled-selected-icon-color: #2cf9e9;
  --mat-slide-toggle-selected-focus-state-layer-color: #241c24;
  --mat-slide-toggle-selected-handle-color: #241c24;
  --mat-slide-toggle-selected-hover-state-layer-color: #241c24;
  --mat-slide-toggle-selected-pressed-state-layer-color: #241c24;
  --mat-slide-toggle-selected-focus-handle-color: #241c24;
  --mat-slide-toggle-selected-hover-handle-color: #241c24;
  --mat-slide-toggle-selected-pressed-handle-color: #241c24;
  --mat-slide-toggle-selected-focus-track-color: #666066;
  --mat-slide-toggle-selected-hover-track-color: #666066;
  --mat-slide-toggle-selected-pressed-track-color: #666066;
  --mat-slide-toggle-selected-track-color: #666066;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.wegow-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.wegow-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.wegow-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #241c24;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #241c24;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.wegow-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.wegow-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.wegow-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #241c24;
  --mat-progress-bar-track-color: rgba(36, 28, 36, 0.25);
}
.wegow-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.wegow-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.wegow-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.wegow-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.wegow-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.wegow-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.wegow-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.wegow-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.wegow-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.wegow-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #2cf9e9;
  --mat-chip-elevated-container-color: #241c24;
  --mat-chip-elevated-disabled-container-color: #241c24;
  --mat-chip-elevated-selected-container-color: #241c24;
  --mat-chip-flat-disabled-selected-container-color: #241c24;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #2cf9e9;
  --mat-chip-selected-disabled-trailing-icon-color: #2cf9e9;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #2cf9e9;
  --mat-chip-selected-trailing-icon-color: #2cf9e9;
  --mat-chip-with-icon-disabled-icon-color: #2cf9e9;
  --mat-chip-with-icon-icon-color: #2cf9e9;
  --mat-chip-with-icon-selected-icon-color: #2cf9e9;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #2cf9e9;
  --mat-chip-with-trailing-icon-trailing-icon-color: #2cf9e9;
}
.wegow-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.wegow-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.wegow-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.wegow-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.wegow-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.wegow-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.wegow-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.wegow-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.wegow-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.wegow-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #241c24;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #241c24;
  --mat-radio-selected-hover-icon-color: #241c24;
  --mat-radio-selected-icon-color: #241c24;
  --mat-radio-selected-pressed-icon-color: #241c24;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.wegow-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.wegow-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.wegow-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.wegow-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.wegow-theme .mdc-list-item__start,
.wegow-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #241c24;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #241c24;
  --mat-radio-selected-hover-icon-color: #241c24;
  --mat-radio-selected-icon-color: #241c24;
  --mat-radio-selected-pressed-icon-color: #241c24;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.wegow-theme .mat-accent .mdc-list-item__start,
.wegow-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.wegow-theme .mat-warn .mdc-list-item__start,
.wegow-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.wegow-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #2cf9e9;
  --mat-checkbox-selected-focus-icon-color: #241c24;
  --mat-checkbox-selected-hover-icon-color: #241c24;
  --mat-checkbox-selected-icon-color: #241c24;
  --mat-checkbox-selected-pressed-icon-color: #241c24;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #241c24;
  --mat-checkbox-selected-hover-state-layer-color: #241c24;
  --mat-checkbox-selected-pressed-state-layer-color: #241c24;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.wegow-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.wegow-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.wegow-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.wegow-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.wegow-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.wegow-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #241c24;
}
.wegow-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.wegow-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.wegow-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.wegow-theme .mdc-list-item__start,
.wegow-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.wegow-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.wegow-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.wegow-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.wegow-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.wegow-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.wegow-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.wegow-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.wegow-theme .mat-mdc-tab-group,
.wegow-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #241c24;
  --mat-tab-active-ripple-color: #241c24;
  --mat-tab-inactive-ripple-color: #241c24;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #241c24;
  --mat-tab-active-hover-label-text-color: #241c24;
  --mat-tab-active-focus-indicator-color: #241c24;
  --mat-tab-active-hover-indicator-color: #241c24;
  --mat-tab-active-indicator-color: #241c24;
}
.wegow-theme .mat-mdc-tab-group.mat-accent,
.wegow-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.wegow-theme .mat-mdc-tab-group.mat-warn,
.wegow-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.wegow-theme .mat-mdc-tab-group.mat-background-primary,
.wegow-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #241c24;
  --mat-tab-foreground-color: #2cf9e9;
}
.wegow-theme .mat-mdc-tab-group.mat-background-accent,
.wegow-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.wegow-theme .mat-mdc-tab-group.mat-background-warn,
.wegow-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.wegow-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.wegow-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.wegow-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #2cf9e9;
  --mat-checkbox-selected-focus-icon-color: #241c24;
  --mat-checkbox-selected-hover-icon-color: #241c24;
  --mat-checkbox-selected-icon-color: #241c24;
  --mat-checkbox-selected-pressed-icon-color: #241c24;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #241c24;
  --mat-checkbox-selected-hover-state-layer-color: #241c24;
  --mat-checkbox-selected-pressed-state-layer-color: #241c24;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.wegow-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.wegow-theme .mat-mdc-button.mat-primary,
.wegow-theme .mat-mdc-unelevated-button.mat-primary,
.wegow-theme .mat-mdc-raised-button.mat-primary,
.wegow-theme .mat-mdc-outlined-button.mat-primary,
.wegow-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #241c24;
  --mat-button-filled-label-text-color: #2cf9e9;
  --mat-button-filled-ripple-color: color-mix(in srgb, #2cf9e9 12%, transparent);
  --mat-button-filled-state-layer-color: #2cf9e9;
  --mat-button-outlined-label-text-color: #241c24;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #241c24 12%, transparent);
  --mat-button-outlined-state-layer-color: #241c24;
  --mat-button-protected-container-color: #241c24;
  --mat-button-protected-label-text-color: #2cf9e9;
  --mat-button-protected-ripple-color: color-mix(in srgb, #2cf9e9 12%, transparent);
  --mat-button-protected-state-layer-color: #2cf9e9;
  --mat-button-text-label-text-color: #241c24;
  --mat-button-text-ripple-color: color-mix(in srgb, #241c24 12%, transparent);
  --mat-button-text-state-layer-color: #241c24;
  --mat-button-tonal-container-color: #241c24;
  --mat-button-tonal-label-text-color: #2cf9e9;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #2cf9e9 12%, transparent);
  --mat-button-tonal-state-layer-color: #2cf9e9;
}
.wegow-theme .mat-mdc-button.mat-accent,
.wegow-theme .mat-mdc-unelevated-button.mat-accent,
.wegow-theme .mat-mdc-raised-button.mat-accent,
.wegow-theme .mat-mdc-outlined-button.mat-accent,
.wegow-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.wegow-theme .mat-mdc-button.mat-warn,
.wegow-theme .mat-mdc-unelevated-button.mat-warn,
.wegow-theme .mat-mdc-raised-button.mat-warn,
.wegow-theme .mat-mdc-outlined-button.mat-warn,
.wegow-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.wegow-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #241c24;
  --mat-icon-button-state-layer-color: #241c24;
  --mat-icon-button-ripple-color: color-mix(in srgb, #241c24 12%, transparent);
}
.wegow-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.wegow-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.wegow-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.wegow-theme .mat-mdc-fab.mat-primary,
.wegow-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #241c24;
  --mat-fab-foreground-color: #2cf9e9;
  --mat-fab-ripple-color: color-mix(in srgb, #241c24 12%, transparent);
  --mat-fab-small-container-color: #241c24;
  --mat-fab-small-foreground-color: #2cf9e9;
  --mat-fab-small-ripple-color: color-mix(in srgb, #2cf9e9 12%, transparent);
  --mat-fab-small-state-layer-color: #2cf9e9;
  --mat-fab-state-layer-color: #2cf9e9;
}
.wegow-theme .mat-mdc-fab.mat-accent,
.wegow-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.wegow-theme .mat-mdc-fab.mat-warn,
.wegow-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.wegow-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.wegow-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.wegow-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.wegow-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.wegow-theme .mat-datepicker-content.mat-accent,
.wegow-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.wegow-theme .mat-datepicker-content.mat-warn,
.wegow-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.wegow-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.wegow-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.wegow-theme .mat-icon.mat-primary {
  --mat-icon-color: #241c24;
}
.wegow-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.wegow-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.wegow-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.wegow-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.wegow-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #241c24;
  --mat-toolbar-container-text-color: #2cf9e9;
}
.wegow-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.wegow-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.wegow-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.wegow-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.wegow-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.wegow-theme .back-container {
  color: #241c24;
}
.wegow-theme .back-container:hover {
  opacity: 0.54;
}
.wegow-theme .warn-text {
  color: #e74737;
}
.wegow-theme .inside-modal-title.primary-colored-title,
.wegow-theme .form-title.primary-colored-title {
  color: #241c24;
}
.wegow-theme .full-height-container form .button-container {
  background: white;
}
.wegow-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.wegow-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.wegow-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.wegow-theme .box-checkbox.active-box-checkbox {
  background-color: #241c24;
  color: white;
}
.wegow-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.wegow-theme .box-radio.active-box-radio {
  background-color: #241c24;
  color: white;
}
.wegow-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.wegow-theme .error {
  color: #e74737;
}
.wegow-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.wegow-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.wegow-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.wegow-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.wegow-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.wegow-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.wegow-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.wegow-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.wegow-theme .ql-snow .ql-picker-options {
  background: white;
}
.wegow-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.wegow-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.wegow-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.wegow-theme .ql-snow .ql-fill,
.wegow-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.wegow-theme .ql-snow.ql-toolbar button:hover,
.wegow-theme .ql-snow .ql-toolbar button:hover,
.wegow-theme .ql-snow.ql-toolbar button:focus,
.wegow-theme .ql-snow .ql-toolbar button:focus,
.wegow-theme .ql-snow.ql-toolbar button.ql-active,
.wegow-theme .ql-snow .ql-toolbar button.ql-active,
.wegow-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.wegow-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.wegow-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.wegow-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.wegow-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.wegow-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.wegow-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.wegow-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.wegow-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.wegow-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.wegow-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.wegow-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.wegow-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.wegow-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.wegow-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.wegow-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.wegow-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.wegow-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.wegow-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.wegow-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.wegow-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.wegow-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.wegow-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.wegow-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.wegow-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.wegow-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.wegow-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.wegow-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.wegow-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.wegow-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.wegow-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.wegow-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.wegow-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.wegow-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.wegow-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.wegow-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.wegow-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.wegow-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.wegow-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.wegow-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.wegow-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.wegow-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.wegow-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.wegow-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.wegow-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.wegow-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.wegow-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.wegow-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.wegow-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.wegow-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.wegow-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.wegow-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.wegow-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.wegow-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.wegow-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.wegow-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.wegow-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.wegow-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.wegow-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.wegow-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.wegow-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.wegow-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.wegow-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.wegow-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.wegow-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.wegow-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.wegow-theme bee-form-item {
  margin-right: 0 !important;
}
.wegow-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.wegow-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #241c24;
  height: 38px !important;
}
.wegow-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.wegow-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.wegow-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.wegow-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.wegow-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.wegow-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.wegow-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.wegow-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.wegow-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .wegow-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.wegow-theme .general-container .label-wrapper label {
  color: #241c24 !important;
  background-color: white;
}
.wegow-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.wegow-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.wegow-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.wegow-theme .general-container .bee-selector .bee-selector-container {
  border-color: #241c24 !important;
}
.wegow-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.wegow-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.wegow-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.wegow-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.wegow-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.wegow-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.wegow-theme .general-container .bee-selector .bee-selector-container:focus,
.wegow-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #241c24;
}
.wegow-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.wegow-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #241c24;
}
.wegow-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.wegow-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #241c24;
}
.wegow-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.wegow-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.wegow-theme .general-container .bee-dropdown {
  background: white;
}
.wegow-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #241c24;
}
.wegow-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.wegow-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.wegow-theme .general-container .selector-error {
  color: #e74737;
}
.wegow-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.wegow-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.wegow-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.wegow-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.wegow-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #241c24;
}
.wegow-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.wegow-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.wegow-theme .move-image-action-container:hover {
  color: #241c24;
}
.wegow-theme .info-icon {
  color: #241c24;
}
.wegow-theme .email-chip {
  color: #241c24 !important;
  background-color: rgba(36, 28, 36, 0.15) !important;
}
.wegow-theme .email-chip .mat-chip-remove {
  color: #241c24 !important;
  opacity: 1 !important;
}
.wegow-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.wegow-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.wegow-theme .mat-badge-content {
  color: #241c24 !important;
}
.wegow-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #241c24 !important;
}
.wegow-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #241c24 !important;
}
.wegow-theme #circle-lleno {
  background: #241c24;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.wegow-theme .primary-contrast-text-color {
  color: #2cf9e9 !important;
}
.wegow-theme .marine-color {
  color: #0f223e !important;
}
.wegow-theme .primary-color {
  color: #241c24 !important;
}
.wegow-theme .gray-color {
  color: #C0C4CA !important;
}
.wegow-theme .primary-color-200 {
  color: #928e92 !important;
}
.wegow-theme svg.primary-fill-svg {
  fill: #241c24 !important;
}
.wegow-theme .primary-fill {
  fill: #241c24 !important;
}
.wegow-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.wegow-theme .primary-border-50 {
  border-color: #e5e4e5 !important;
}
.wegow-theme .primary-border-100 {
  border-color: #bdbbbd !important;
}
.wegow-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.wegow-theme .transparent-border-100 {
  border-color: transparent !important;
}
.wegow-theme .primary-border-200 {
  border-color: #928e92 !important;
}
.wegow-theme .primary-indicator .mat-expansion-indicator:after {
  color: #241c24;
}
.wegow-theme .contrast-background {
  background-color: #2cf9e9 !important;
}
.wegow-theme .primary-color-small {
  color: rgba(36, 28, 36, 0.6);
}
.wegow-theme .marine-background {
  background-color: #0f223e !important;
}
.wegow-theme .primary-background {
  background-color: #241c24 !important;
}
.wegow-theme .primary-background-50 {
  background-color: #e5e4e5 !important;
}
.wegow-theme .primary-background-200 {
  background-color: #928e92 !important;
}
.wegow-theme .primary-background-800 {
  background-color: #161116 !important;
}
.wegow-theme .white-color {
  color: white !important;
}
.wegow-theme .secondary-color {
  color: #241c24 !important;
}
.wegow-theme .secondary-background {
  background-color: #241c24 !important;
}
.wegow-theme .secondary-background-semi {
  background-color: #241c24 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #241c24 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.wegow-theme .secondary-background-full {
  background-color: #241c24 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #241c24 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.wegow-theme .secondary-background-empty {
  background-color: #241c24 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #241c24 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.wegow-theme .secondary-border {
  background-color: #241c24 !important;
}
.wegow-theme .tertiary-color {
  color: #241c24 !important;
}
.wegow-theme button.button-tertiary {
  background-color: #241c24 !important;
  color: #241c24 !important;
  border: 1px solid #241c24 !important;
}
.wegow-theme span.red-text {
  color: #DB1F35 !important;
}
.wegow-theme .tertiary-background {
  background-color: #241c24 !important;
}
.wegow-theme .tertiary-border {
  border-color: #241c24 !important;
}
.wegow-theme .dark-background {
  background-color: black !important;
}
.wegow-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.wegow-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.wegow-theme .primary-soft-background {
  background-color: rgba(36, 28, 36, 0.1) !important;
}
.wegow-theme .primary-soft-background:hover {
  background-color: rgba(36, 28, 36, 0.15) !important;
}
.wegow-theme .primary-border {
  border-color: #241c24 !important;
}
.wegow-theme .default-background {
  background-color: #fafafa !important;
}
.wegow-theme .hover-primary:hover {
  color: #241c24 !important;
}
.wegow-theme .hover-primary-background:hover {
  background-color: #241c24 !important;
}
.wegow-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.wegow-theme .warn-color {
  color: #e74737 !important;
}
.wegow-theme .warn-border {
  border-color: #e74737 !important;
}
.wegow-theme .accent-color {
  color: #fedd93 !important;
}
.wegow-theme .accent-background {
  background-color: #fedd93 !important;
}
.wegow-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.wegow-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.wegow-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.wegow-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.wegow-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.wegow-theme .dialog-table tr .action-icon {
  color: transparent;
}
.wegow-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.wegow-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.wegow-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #241c24;
}
.wegow-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.wegow-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.wegow-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.wegow-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.wegow-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.wegow-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.wegow-theme .card-table tr .action-icon {
  color: transparent;
}
.wegow-theme .card-table tr .action-icon button {
  color: transparent;
}
.wegow-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.wegow-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.wegow-theme .card-table tr:hover .action-icon button {
  color: #241c24;
}
.wegow-theme .card-table tr:hover .action-icon:hover {
  color: #241c24;
}
.wegow-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.wegow-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.wegow-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.wegow-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.wegow-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #241c24;
}
.wegow-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.wegow-theme .no-hover-table tr:hover {
  background: white;
}
.wegow-theme .custom-standard-chip {
  background-color: rgba(36, 28, 36, 0.1) !important;
  color: #241c24 !important;
}
.wegow-theme .help-dashboard-card .mat-icon {
  color: #241c24;
}
.wegow-theme .help-dashboard-card:hover {
  background-color: #241c24;
}
.wegow-theme .help-dashboard-card:hover .mat-icon,
.wegow-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.wegow-theme .room-open {
  background-color: #241c24 !important;
  color: white !important;
}
.wegow-theme .room-open:hover {
  background-color: #241c24 !important;
  color: white !important;
}
.wegow-theme #public-office-page-groups .public-group-button-hover {
  background-color: #241c24 !important;
  color: white !important;
}
.wegow-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.wegow-theme .notification-container .show-tip {
  color: transparent;
}
.wegow-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.wegow-theme .notification-container:hover .show-tip {
  color: #241c24;
}
.wegow-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.wegow-theme .notification-container .notification-subject .mat-icon {
  color: #241c24;
}
.wegow-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.wegow-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.wegow-theme .message-container .show-tip {
  color: transparent;
}
.wegow-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.wegow-theme .message-container:hover .show-tip {
  color: #241c24;
}
.wegow-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.wegow-theme .message-container .message-subject .mat-icon {
  color: #241c24;
}
.wegow-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.wegow-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.wegow-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.wegow-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.wegow-theme .primary-200-outline input {
  caret-color: #928e92;
  color: #241c24;
}
.wegow-theme .primary-200-outline label {
  color: #928e92;
}
.wegow-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #928e92 !important;
}
.wegow-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #928e92;
}
.wegow-theme mat-form-field .primary-outline label {
  color: #241c24 !important;
}
.wegow-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #241c24 !important;
}
.wegow-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #241c24 !important;
}
.wegow-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.wegow-theme .input-primary input {
  caret-color: #241c24;
  color: #241c24;
}
.wegow-theme .input-primary label {
  color: #241c24;
}
.wegow-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #241c24 !important;
}
.wegow-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.wegow-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #241c24;
  border-width: 1px;
}
.wegow-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.wegow-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.wegow-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.wegow-theme .boton-recarga {
  background-color: #241c24;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #2cf9e9 !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.wegow-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.wegow-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #2cf9e9 !important;
}
.wegow-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.wegow-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.wegow-theme .header-container button {
  padding: 0 !important;
}
.wegow-theme .header-container .mat-button {
  min-width: unset !important;
}
.wegow-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.wegow-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wegow-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.wegow-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.wegow-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.wegow-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.wegow-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.wegow-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.wegow-theme .input-recarga-marine {
  border: 1px solid #241c24 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.wegow-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.wegow-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.wegow-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.wegow-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.wegow-theme .color-primary {
  color: #241c24 !important;
  fill: #241c24 !important;
}
.wegow-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.wegow-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.wegow-theme .primary-contrast {
  color: #2cf9e9 !important;
}
.wegow-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #241c24 !important;
}
.wegow-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #241c24 !important;
}
.wegow-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.wegow-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #241c24 !important;
}
.wegow-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.wegow-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.wegow-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.wegow-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #241c24 !important;
}
.wegow-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #241c24 !important;
}
.wegow-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #241c24 !important;
}
.wegow-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #241c24 !important;
}
.wegow-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #241c24 !important;
}
.wegow-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.wegow-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #241c24 !important;
}
.wegow-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.wegow-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #241c24 !important;
}
.wegow-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.wegow-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.wegow-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #241c24 !important;
}
.wegow-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #241c24 !important;
}
.wegow-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.wegow-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #241c24 !important;
}
.wegow-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #241c24 !important;
}
.wegow-theme .mat-checkbox-checked .mat-checkbox-background,
.wegow-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #241c24 !important;
}
.wegow-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #241c24 !important;
}
.wegow-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.wegow-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #241c24 !important;
}
.wegow-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.wegow-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #241c24 !important;
}
.wegow-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #928e92 !important;
}
.wegow-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #241c24 !important;
}
.wegow-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.wegow-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #2cf9e9 !important;
}
.wegow-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.wegow-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.wegow-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #241c24 !important;
}
.wegow-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #241c24 !important;
}
.wegow-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #241c24 !important;
}
.wegow-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.wegow-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #241c24 !important;
}
.wegow-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #241c24 !important;
}
.wegow-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #241c24 !important;
}
.wegow-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #2cf9e9 !important;
}
.wegow-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #2cf9e9 !important;
}
.wegow-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #241c24 !important;
}
.wegow-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #241c24 !important;
}
.wegow-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.wegow-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.wegow-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #241c24 !important;
}
.wegow-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.wegow-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.wegow-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.wegow-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #241c24 !important;
}
.wegow-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.wegow-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #241c24 !important;
}
.wegow-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #241c24 !important;
}
.wegow-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #241c24 !important;
}
.wegow-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.wegow-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #2cf9e9 !important;
}
.wegow-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #2cf9e9 !important;
}
.wegow-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #241c24 !important;
}
.wegow-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #241c24 !important;
}
.wegow-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #241c24 !important;
}
.wegow-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #241c24 !important;
}
.wegow-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.wegow-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #241c24 !important;
}
.wegow-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #241c24 !important;
}
.wegow-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.wegow-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #241c24 !important;
}
.wegow-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #241c24 !important;
}
.wegow-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #2cf9e9 !important;
}
.wegow-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #2cf9e9 !important;
}
.wegow-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.wegow-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #241c24 !important;
}
.wegow-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #241c24 !important;
}
.wegow-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.wegow-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.wegow-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #241c24 !important;
}
.wegow-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #241c24 !important;
}
.wegow-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #241c24 !important;
}
.wegow-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #241c24 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.wegow-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #241c24 !important;
}
.wegow-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #241c24 !important;
}
.wegow-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #241c24 !important;
}
.wegow-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #241c24 !important;
}
.wegow-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #241c24 !important;
}
.wegow-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #2cf9e9 !important;
}
.wegow-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.wegow-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #2cf9e9 !important;
}
.wegow-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.wegow-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.wegow-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #241c24 !important;
}
.wegow-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #241c24 !important;
}
.wegow-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #241c24 !important;
}
.wegow-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #241c24 !important;
}
.wegow-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #241c24 !important;
}
.wegow-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #241c24 !important;
}
.wegow-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.wegow-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #2cf9e9;
  background-color: #241c24 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.wegow-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.wegow-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.wegow-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.wegow-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.wegow-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.wegow-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #241c24 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.wegow-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #241c24 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #241c24 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.wegow-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #241c24 !important;
}
.wegow-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.wegow-theme .button-text-hidden {
  display: none;
}
.vans-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #000000;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #000000 87%, transparent);
  --mat-form-field-filled-caret-color: #000000;
  --mat-form-field-filled-focus-active-indicator-color: #000000;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #000000 87%, transparent);
  --mat-form-field-outlined-caret-color: #000000;
  --mat-form-field-outlined-focus-outline-color: #000000;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #000000 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #000000;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #000000;
  --mat-slide-toggle-selected-handle-color: #000000;
  --mat-slide-toggle-selected-hover-state-layer-color: #000000;
  --mat-slide-toggle-selected-pressed-state-layer-color: #000000;
  --mat-slide-toggle-selected-focus-handle-color: #000000;
  --mat-slide-toggle-selected-hover-handle-color: #000000;
  --mat-slide-toggle-selected-pressed-handle-color: #000000;
  --mat-slide-toggle-selected-focus-track-color: #4d4d4d;
  --mat-slide-toggle-selected-hover-track-color: #4d4d4d;
  --mat-slide-toggle-selected-pressed-track-color: #4d4d4d;
  --mat-slide-toggle-selected-track-color: #4d4d4d;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #000000;
  --mat-slider-focus-handle-color: #000000;
  --mat-slider-handle-color: #000000;
  --mat-slider-hover-handle-color: #000000;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #000000 4%, transparent);
  --mat-slider-inactive-track-color: #000000;
  --mat-slider-ripple-color: #000000;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #000000;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #4d4d4d;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #000000;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #000000;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #000000 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #000000;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #000000 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #000000 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #000000;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #000000;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #000000;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #000000;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #000000;
  --mat-slide-toggle-selected-handle-color: #000000;
  --mat-slide-toggle-selected-hover-state-layer-color: #000000;
  --mat-slide-toggle-selected-pressed-state-layer-color: #000000;
  --mat-slide-toggle-selected-focus-handle-color: #000000;
  --mat-slide-toggle-selected-hover-handle-color: #000000;
  --mat-slide-toggle-selected-pressed-handle-color: #000000;
  --mat-slide-toggle-selected-focus-track-color: #4d4d4d;
  --mat-slide-toggle-selected-hover-track-color: #4d4d4d;
  --mat-slide-toggle-selected-pressed-track-color: #4d4d4d;
  --mat-slide-toggle-selected-track-color: #4d4d4d;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.vans-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.vans-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.vans-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #000000;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #000000;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.vans-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.vans-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.vans-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #000000;
  --mat-progress-bar-track-color: rgba(0, 0, 0, 0.25);
}
.vans-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.vans-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.vans-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.vans-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.vans-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.vans-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.vans-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.vans-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.vans-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.vans-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #000000;
  --mat-chip-elevated-disabled-container-color: #000000;
  --mat-chip-elevated-selected-container-color: #000000;
  --mat-chip-flat-disabled-selected-container-color: #000000;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.vans-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.vans-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.vans-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.vans-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.vans-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.vans-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.vans-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.vans-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.vans-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.vans-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #000000;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #000000;
  --mat-radio-selected-hover-icon-color: #000000;
  --mat-radio-selected-icon-color: #000000;
  --mat-radio-selected-pressed-icon-color: #000000;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.vans-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.vans-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.vans-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.vans-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.vans-theme .mdc-list-item__start,
.vans-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #000000;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #000000;
  --mat-radio-selected-hover-icon-color: #000000;
  --mat-radio-selected-icon-color: #000000;
  --mat-radio-selected-pressed-icon-color: #000000;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.vans-theme .mat-accent .mdc-list-item__start,
.vans-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.vans-theme .mat-warn .mdc-list-item__start,
.vans-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.vans-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #000000;
  --mat-checkbox-selected-hover-icon-color: #000000;
  --mat-checkbox-selected-icon-color: #000000;
  --mat-checkbox-selected-pressed-icon-color: #000000;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #000000;
  --mat-checkbox-selected-hover-state-layer-color: #000000;
  --mat-checkbox-selected-pressed-state-layer-color: #000000;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.vans-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.vans-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.vans-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.vans-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.vans-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.vans-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #000000;
}
.vans-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.vans-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.vans-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.vans-theme .mdc-list-item__start,
.vans-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.vans-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.vans-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.vans-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.vans-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.vans-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.vans-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.vans-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.vans-theme .mat-mdc-tab-group,
.vans-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #000000;
  --mat-tab-active-ripple-color: #000000;
  --mat-tab-inactive-ripple-color: #000000;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #000000;
  --mat-tab-active-hover-label-text-color: #000000;
  --mat-tab-active-focus-indicator-color: #000000;
  --mat-tab-active-hover-indicator-color: #000000;
  --mat-tab-active-indicator-color: #000000;
}
.vans-theme .mat-mdc-tab-group.mat-accent,
.vans-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.vans-theme .mat-mdc-tab-group.mat-warn,
.vans-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.vans-theme .mat-mdc-tab-group.mat-background-primary,
.vans-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #000000;
  --mat-tab-foreground-color: #ffffff;
}
.vans-theme .mat-mdc-tab-group.mat-background-accent,
.vans-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.vans-theme .mat-mdc-tab-group.mat-background-warn,
.vans-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.vans-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.vans-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.vans-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #000000;
  --mat-checkbox-selected-hover-icon-color: #000000;
  --mat-checkbox-selected-icon-color: #000000;
  --mat-checkbox-selected-pressed-icon-color: #000000;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #000000;
  --mat-checkbox-selected-hover-state-layer-color: #000000;
  --mat-checkbox-selected-pressed-state-layer-color: #000000;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.vans-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.vans-theme .mat-mdc-button.mat-primary,
.vans-theme .mat-mdc-unelevated-button.mat-primary,
.vans-theme .mat-mdc-raised-button.mat-primary,
.vans-theme .mat-mdc-outlined-button.mat-primary,
.vans-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #000000;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #000000;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-outlined-state-layer-color: #000000;
  --mat-button-protected-container-color: #000000;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #000000;
  --mat-button-text-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-text-state-layer-color: #000000;
  --mat-button-tonal-container-color: #000000;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.vans-theme .mat-mdc-button.mat-accent,
.vans-theme .mat-mdc-unelevated-button.mat-accent,
.vans-theme .mat-mdc-raised-button.mat-accent,
.vans-theme .mat-mdc-outlined-button.mat-accent,
.vans-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.vans-theme .mat-mdc-button.mat-warn,
.vans-theme .mat-mdc-unelevated-button.mat-warn,
.vans-theme .mat-mdc-raised-button.mat-warn,
.vans-theme .mat-mdc-outlined-button.mat-warn,
.vans-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.vans-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #000000;
  --mat-icon-button-state-layer-color: #000000;
  --mat-icon-button-ripple-color: color-mix(in srgb, #000000 12%, transparent);
}
.vans-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.vans-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.vans-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.vans-theme .mat-mdc-fab.mat-primary,
.vans-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #000000;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-container-color: #000000;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.vans-theme .mat-mdc-fab.mat-accent,
.vans-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.vans-theme .mat-mdc-fab.mat-warn,
.vans-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.vans-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.vans-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.vans-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.vans-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.vans-theme .mat-datepicker-content.mat-accent,
.vans-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.vans-theme .mat-datepicker-content.mat-warn,
.vans-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.vans-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.vans-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.vans-theme .mat-icon.mat-primary {
  --mat-icon-color: #000000;
}
.vans-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.vans-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.vans-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.vans-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.vans-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #000000;
  --mat-toolbar-container-text-color: #ffffff;
}
.vans-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.vans-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.vans-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.vans-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.vans-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.vans-theme .back-container {
  color: #000000;
}
.vans-theme .back-container:hover {
  opacity: 0.54;
}
.vans-theme .warn-text {
  color: #e74737;
}
.vans-theme .inside-modal-title.primary-colored-title,
.vans-theme .form-title.primary-colored-title {
  color: #000000;
}
.vans-theme .full-height-container form .button-container {
  background: white;
}
.vans-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.vans-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.vans-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.vans-theme .box-checkbox.active-box-checkbox {
  background-color: #000000;
  color: white;
}
.vans-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.vans-theme .box-radio.active-box-radio {
  background-color: #000000;
  color: white;
}
.vans-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.vans-theme .error {
  color: #e74737;
}
.vans-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.vans-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.vans-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.vans-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.vans-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.vans-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.vans-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.vans-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.vans-theme .ql-snow .ql-picker-options {
  background: white;
}
.vans-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.vans-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.vans-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.vans-theme .ql-snow .ql-fill,
.vans-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.vans-theme .ql-snow.ql-toolbar button:hover,
.vans-theme .ql-snow .ql-toolbar button:hover,
.vans-theme .ql-snow.ql-toolbar button:focus,
.vans-theme .ql-snow .ql-toolbar button:focus,
.vans-theme .ql-snow.ql-toolbar button.ql-active,
.vans-theme .ql-snow .ql-toolbar button.ql-active,
.vans-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.vans-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.vans-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.vans-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.vans-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.vans-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.vans-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.vans-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.vans-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.vans-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.vans-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.vans-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.vans-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.vans-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.vans-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.vans-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.vans-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.vans-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.vans-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.vans-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.vans-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.vans-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.vans-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.vans-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.vans-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.vans-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.vans-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.vans-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.vans-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.vans-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.vans-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.vans-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.vans-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.vans-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.vans-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.vans-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.vans-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.vans-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.vans-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.vans-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.vans-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.vans-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.vans-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.vans-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.vans-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.vans-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.vans-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.vans-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.vans-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.vans-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.vans-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.vans-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.vans-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.vans-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.vans-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.vans-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.vans-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.vans-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.vans-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.vans-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.vans-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.vans-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.vans-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.vans-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.vans-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.vans-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.vans-theme bee-form-item {
  margin-right: 0 !important;
}
.vans-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.vans-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #000000;
  height: 38px !important;
}
.vans-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.vans-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.vans-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.vans-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.vans-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.vans-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.vans-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.vans-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.vans-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .vans-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.vans-theme .general-container .label-wrapper label {
  color: #000000 !important;
  background-color: white;
}
.vans-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.vans-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.vans-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.vans-theme .general-container .bee-selector .bee-selector-container {
  border-color: #000000 !important;
}
.vans-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.vans-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.vans-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.vans-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.vans-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.vans-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.vans-theme .general-container .bee-selector .bee-selector-container:focus,
.vans-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #000000;
}
.vans-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.vans-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #000000;
}
.vans-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.vans-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #000000;
}
.vans-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.vans-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.vans-theme .general-container .bee-dropdown {
  background: white;
}
.vans-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #000000;
}
.vans-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.vans-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.vans-theme .general-container .selector-error {
  color: #e74737;
}
.vans-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.vans-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.vans-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.vans-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.vans-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #000000;
}
.vans-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.vans-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.vans-theme .move-image-action-container:hover {
  color: #000000;
}
.vans-theme .info-icon {
  color: #000000;
}
.vans-theme .email-chip {
  color: #000000 !important;
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.vans-theme .email-chip .mat-chip-remove {
  color: #000000 !important;
  opacity: 1 !important;
}
.vans-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.vans-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.vans-theme .mat-badge-content {
  color: #000000 !important;
}
.vans-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #000000 !important;
}
.vans-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #000000 !important;
}
.vans-theme #circle-lleno {
  background: #a6a6a6;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.vans-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.vans-theme .marine-color {
  color: #0f223e !important;
}
.vans-theme .primary-color {
  color: #000000 !important;
}
.vans-theme .gray-color {
  color: #C0C4CA !important;
}
.vans-theme .primary-color-200 {
  color: #808080 !important;
}
.vans-theme svg.primary-fill-svg {
  fill: #000000 !important;
}
.vans-theme .primary-fill {
  fill: #000000 !important;
}
.vans-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.vans-theme .primary-border-50 {
  border-color: #e0e0e0 !important;
}
.vans-theme .primary-border-100 {
  border-color: #b3b3b3 !important;
}
.vans-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.vans-theme .transparent-border-100 {
  border-color: transparent !important;
}
.vans-theme .primary-border-200 {
  border-color: #808080 !important;
}
.vans-theme .primary-indicator .mat-expansion-indicator:after {
  color: #000000;
}
.vans-theme .contrast-background {
  background-color: #ffffff !important;
}
.vans-theme .primary-color-small {
  color: rgba(0, 0, 0, 0.6);
}
.vans-theme .marine-background {
  background-color: #0f223e !important;
}
.vans-theme .primary-background {
  background-color: #000000 !important;
}
.vans-theme .primary-background-50 {
  background-color: #e0e0e0 !important;
}
.vans-theme .primary-background-200 {
  background-color: #808080 !important;
}
.vans-theme .primary-background-800 {
  background-color: #000000 !important;
}
.vans-theme .white-color {
  color: white !important;
}
.vans-theme .secondary-color {
  color: #a6a6a6 !important;
}
.vans-theme .secondary-background {
  background-color: #a6a6a6 !important;
}
.vans-theme .secondary-background-semi {
  background-color: #000000 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #000000 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.vans-theme .secondary-background-full {
  background-color: #000000 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #000000 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.vans-theme .secondary-background-empty {
  background-color: #000000 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #000000 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.vans-theme .secondary-border {
  background-color: #a6a6a6 !important;
}
.vans-theme .tertiary-color {
  color: #737373 !important;
}
.vans-theme button.button-tertiary {
  background-color: #737373 !important;
  color: #000000 !important;
  border: 1px solid #000000 !important;
}
.vans-theme span.red-text {
  color: #DB1F35 !important;
}
.vans-theme .tertiary-background {
  background-color: #737373 !important;
}
.vans-theme .tertiary-border {
  border-color: #737373 !important;
}
.vans-theme .dark-background {
  background-color: black !important;
}
.vans-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.vans-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.vans-theme .primary-soft-background {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.vans-theme .primary-soft-background:hover {
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.vans-theme .primary-border {
  border-color: #000000 !important;
}
.vans-theme .default-background {
  background-color: #fafafa !important;
}
.vans-theme .hover-primary:hover {
  color: #000000 !important;
}
.vans-theme .hover-primary-background:hover {
  background-color: #000000 !important;
}
.vans-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.vans-theme .warn-color {
  color: #e74737 !important;
}
.vans-theme .warn-border {
  border-color: #e74737 !important;
}
.vans-theme .accent-color {
  color: #fedd93 !important;
}
.vans-theme .accent-background {
  background-color: #fedd93 !important;
}
.vans-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.vans-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.vans-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.vans-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.vans-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.vans-theme .dialog-table tr .action-icon {
  color: transparent;
}
.vans-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.vans-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.vans-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #000000;
}
.vans-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.vans-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.vans-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.vans-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.vans-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.vans-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.vans-theme .card-table tr .action-icon {
  color: transparent;
}
.vans-theme .card-table tr .action-icon button {
  color: transparent;
}
.vans-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.vans-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.vans-theme .card-table tr:hover .action-icon button {
  color: #000000;
}
.vans-theme .card-table tr:hover .action-icon:hover {
  color: #000000;
}
.vans-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.vans-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.vans-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.vans-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.vans-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #000000;
}
.vans-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.vans-theme .no-hover-table tr:hover {
  background: white;
}
.vans-theme .custom-standard-chip {
  background-color: rgba(0, 0, 0, 0.1) !important;
  color: #000000 !important;
}
.vans-theme .help-dashboard-card .mat-icon {
  color: #000000;
}
.vans-theme .help-dashboard-card:hover {
  background-color: #000000;
}
.vans-theme .help-dashboard-card:hover .mat-icon,
.vans-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.vans-theme .room-open {
  background-color: #000000 !important;
  color: white !important;
}
.vans-theme .room-open:hover {
  background-color: #000000 !important;
  color: white !important;
}
.vans-theme #public-office-page-groups .public-group-button-hover {
  background-color: #000000 !important;
  color: white !important;
}
.vans-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.vans-theme .notification-container .show-tip {
  color: transparent;
}
.vans-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.vans-theme .notification-container:hover .show-tip {
  color: #000000;
}
.vans-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.vans-theme .notification-container .notification-subject .mat-icon {
  color: #000000;
}
.vans-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.vans-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.vans-theme .message-container .show-tip {
  color: transparent;
}
.vans-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.vans-theme .message-container:hover .show-tip {
  color: #000000;
}
.vans-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.vans-theme .message-container .message-subject .mat-icon {
  color: #000000;
}
.vans-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.vans-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.vans-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.vans-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.vans-theme .primary-200-outline input {
  caret-color: #808080;
  color: #000000;
}
.vans-theme .primary-200-outline label {
  color: #808080;
}
.vans-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #808080 !important;
}
.vans-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #808080;
}
.vans-theme mat-form-field .primary-outline label {
  color: #000000 !important;
}
.vans-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #000000 !important;
}
.vans-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #000000 !important;
}
.vans-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.vans-theme .input-primary input {
  caret-color: #000000;
  color: #000000;
}
.vans-theme .input-primary label {
  color: #000000;
}
.vans-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #000000 !important;
}
.vans-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.vans-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #000000;
  border-width: 1px;
}
.vans-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.vans-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.vans-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.vans-theme .boton-recarga {
  background-color: #000000;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.vans-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.vans-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.vans-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.vans-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.vans-theme .header-container button {
  padding: 0 !important;
}
.vans-theme .header-container .mat-button {
  min-width: unset !important;
}
.vans-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.vans-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vans-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.vans-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.vans-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.vans-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.vans-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.vans-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.vans-theme .input-recarga-marine {
  border: 1px solid #000000 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.vans-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.vans-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.vans-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.vans-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.vans-theme .color-primary {
  color: #000000 !important;
  fill: #000000 !important;
}
.vans-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.vans-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.vans-theme .primary-contrast {
  color: #ffffff !important;
}
.vans-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.vans-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.vans-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.vans-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.vans-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.vans-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.vans-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.vans-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.vans-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.vans-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.vans-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.vans-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.vans-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.vans-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.vans-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.vans-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.vans-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.vans-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.vans-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.vans-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #a6a6a6 !important;
}
.vans-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.vans-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.vans-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #000000 !important;
}
.vans-theme .mat-checkbox-checked .mat-checkbox-background,
.vans-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #000000 !important;
}
.vans-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.vans-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.vans-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.vans-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.vans-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.vans-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #808080 !important;
}
.vans-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.vans-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.vans-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.vans-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.vans-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.vans-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.vans-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.vans-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.vans-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.vans-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.vans-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.vans-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.vans-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.vans-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.vans-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.vans-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.vans-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.vans-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.vans-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.vans-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.vans-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.vans-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.vans-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.vans-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.vans-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.vans-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.vans-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.vans-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.vans-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.vans-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.vans-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #000000 !important;
}
.vans-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.vans-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #a6a6a6 !important;
}
.vans-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #a6a6a6 !important;
}
.vans-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.vans-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.vans-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.vans-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.vans-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.vans-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.vans-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.vans-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.vans-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.vans-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #a6a6a6 !important;
}
.vans-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #a6a6a6 !important;
}
.vans-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.vans-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.vans-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #737373 !important;
}
.vans-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #737373 !important;
}
.vans-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #737373 !important;
}
.vans-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #737373 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.vans-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #737373 !important;
}
.vans-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #737373 !important;
}
.vans-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #000000 !important;
}
.vans-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #000000 !important;
}
.vans-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #000000 !important;
}
.vans-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.vans-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.vans-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.vans-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.vans-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.vans-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #000000 !important;
}
.vans-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #000000 !important;
}
.vans-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #000000 !important;
}
.vans-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #000000 !important;
}
.vans-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #000000 !important;
}
.vans-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #000000 !important;
}
.vans-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.vans-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #000000 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.vans-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.vans-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.vans-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.vans-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.vans-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.vans-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #a6a6a6 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.vans-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #000000 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #000000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.vans-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #000000 !important;
}
.vans-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.vans-theme .button-text-hidden {
  display: none;
}
.guarapo-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #8f31ce;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #8f31ce 87%, transparent);
  --mat-form-field-filled-caret-color: #8f31ce;
  --mat-form-field-filled-focus-active-indicator-color: #8f31ce;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #8f31ce 87%, transparent);
  --mat-form-field-outlined-caret-color: #8f31ce;
  --mat-form-field-outlined-focus-outline-color: #8f31ce;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #8f31ce 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #8f31ce;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #8f31ce;
  --mat-slide-toggle-selected-handle-color: #8f31ce;
  --mat-slide-toggle-selected-hover-state-layer-color: #8f31ce;
  --mat-slide-toggle-selected-pressed-state-layer-color: #8f31ce;
  --mat-slide-toggle-selected-focus-handle-color: #8f31ce;
  --mat-slide-toggle-selected-hover-handle-color: #8f31ce;
  --mat-slide-toggle-selected-pressed-handle-color: #8f31ce;
  --mat-slide-toggle-selected-focus-track-color: #b16fdd;
  --mat-slide-toggle-selected-hover-track-color: #b16fdd;
  --mat-slide-toggle-selected-pressed-track-color: #b16fdd;
  --mat-slide-toggle-selected-track-color: #b16fdd;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #8f31ce;
  --mat-slider-focus-handle-color: #8f31ce;
  --mat-slider-handle-color: #8f31ce;
  --mat-slider-hover-handle-color: #8f31ce;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #8f31ce 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #8f31ce 4%, transparent);
  --mat-slider-inactive-track-color: #8f31ce;
  --mat-slider-ripple-color: #8f31ce;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #8f31ce;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #b16fdd;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #8f31ce;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #8f31ce;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #8f31ce 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #8f31ce;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #8f31ce 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #8f31ce 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #8f31ce 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #8f31ce;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #8f31ce;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #8f31ce;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #8f31ce;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #8f31ce;
  --mat-slide-toggle-selected-handle-color: #8f31ce;
  --mat-slide-toggle-selected-hover-state-layer-color: #8f31ce;
  --mat-slide-toggle-selected-pressed-state-layer-color: #8f31ce;
  --mat-slide-toggle-selected-focus-handle-color: #8f31ce;
  --mat-slide-toggle-selected-hover-handle-color: #8f31ce;
  --mat-slide-toggle-selected-pressed-handle-color: #8f31ce;
  --mat-slide-toggle-selected-focus-track-color: #b16fdd;
  --mat-slide-toggle-selected-hover-track-color: #b16fdd;
  --mat-slide-toggle-selected-pressed-track-color: #b16fdd;
  --mat-slide-toggle-selected-track-color: #b16fdd;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.guarapo-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.guarapo-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.guarapo-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #8f31ce;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8f31ce;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.guarapo-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.guarapo-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.guarapo-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #8f31ce;
  --mat-progress-bar-track-color: rgba(143, 49, 206, 0.25);
}
.guarapo-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.guarapo-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.guarapo-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.guarapo-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.guarapo-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.guarapo-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.guarapo-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.guarapo-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.guarapo-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.guarapo-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #8f31ce;
  --mat-chip-elevated-disabled-container-color: #8f31ce;
  --mat-chip-elevated-selected-container-color: #8f31ce;
  --mat-chip-flat-disabled-selected-container-color: #8f31ce;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.guarapo-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.guarapo-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.guarapo-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.guarapo-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.guarapo-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.guarapo-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.guarapo-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.guarapo-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.guarapo-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.guarapo-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #8f31ce;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #8f31ce;
  --mat-radio-selected-hover-icon-color: #8f31ce;
  --mat-radio-selected-icon-color: #8f31ce;
  --mat-radio-selected-pressed-icon-color: #8f31ce;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.guarapo-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.guarapo-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.guarapo-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.guarapo-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.guarapo-theme .mdc-list-item__start,
.guarapo-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #8f31ce;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #8f31ce;
  --mat-radio-selected-hover-icon-color: #8f31ce;
  --mat-radio-selected-icon-color: #8f31ce;
  --mat-radio-selected-pressed-icon-color: #8f31ce;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.guarapo-theme .mat-accent .mdc-list-item__start,
.guarapo-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.guarapo-theme .mat-warn .mdc-list-item__start,
.guarapo-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.guarapo-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #8f31ce;
  --mat-checkbox-selected-hover-icon-color: #8f31ce;
  --mat-checkbox-selected-icon-color: #8f31ce;
  --mat-checkbox-selected-pressed-icon-color: #8f31ce;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8f31ce;
  --mat-checkbox-selected-hover-state-layer-color: #8f31ce;
  --mat-checkbox-selected-pressed-state-layer-color: #8f31ce;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.guarapo-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.guarapo-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.guarapo-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.guarapo-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.guarapo-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.guarapo-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #8f31ce;
}
.guarapo-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.guarapo-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.guarapo-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.guarapo-theme .mdc-list-item__start,
.guarapo-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.guarapo-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.guarapo-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.guarapo-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.guarapo-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.guarapo-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.guarapo-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.guarapo-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.guarapo-theme .mat-mdc-tab-group,
.guarapo-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #8f31ce;
  --mat-tab-active-ripple-color: #8f31ce;
  --mat-tab-inactive-ripple-color: #8f31ce;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #8f31ce;
  --mat-tab-active-hover-label-text-color: #8f31ce;
  --mat-tab-active-focus-indicator-color: #8f31ce;
  --mat-tab-active-hover-indicator-color: #8f31ce;
  --mat-tab-active-indicator-color: #8f31ce;
}
.guarapo-theme .mat-mdc-tab-group.mat-accent,
.guarapo-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.guarapo-theme .mat-mdc-tab-group.mat-warn,
.guarapo-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.guarapo-theme .mat-mdc-tab-group.mat-background-primary,
.guarapo-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #8f31ce;
  --mat-tab-foreground-color: #ffffff;
}
.guarapo-theme .mat-mdc-tab-group.mat-background-accent,
.guarapo-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.guarapo-theme .mat-mdc-tab-group.mat-background-warn,
.guarapo-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.guarapo-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.guarapo-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.guarapo-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #8f31ce;
  --mat-checkbox-selected-hover-icon-color: #8f31ce;
  --mat-checkbox-selected-icon-color: #8f31ce;
  --mat-checkbox-selected-pressed-icon-color: #8f31ce;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8f31ce;
  --mat-checkbox-selected-hover-state-layer-color: #8f31ce;
  --mat-checkbox-selected-pressed-state-layer-color: #8f31ce;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.guarapo-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.guarapo-theme .mat-mdc-button.mat-primary,
.guarapo-theme .mat-mdc-unelevated-button.mat-primary,
.guarapo-theme .mat-mdc-raised-button.mat-primary,
.guarapo-theme .mat-mdc-outlined-button.mat-primary,
.guarapo-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #8f31ce;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #8f31ce;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #8f31ce 12%, transparent);
  --mat-button-outlined-state-layer-color: #8f31ce;
  --mat-button-protected-container-color: #8f31ce;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #8f31ce;
  --mat-button-text-ripple-color: color-mix(in srgb, #8f31ce 12%, transparent);
  --mat-button-text-state-layer-color: #8f31ce;
  --mat-button-tonal-container-color: #8f31ce;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.guarapo-theme .mat-mdc-button.mat-accent,
.guarapo-theme .mat-mdc-unelevated-button.mat-accent,
.guarapo-theme .mat-mdc-raised-button.mat-accent,
.guarapo-theme .mat-mdc-outlined-button.mat-accent,
.guarapo-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.guarapo-theme .mat-mdc-button.mat-warn,
.guarapo-theme .mat-mdc-unelevated-button.mat-warn,
.guarapo-theme .mat-mdc-raised-button.mat-warn,
.guarapo-theme .mat-mdc-outlined-button.mat-warn,
.guarapo-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.guarapo-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #8f31ce;
  --mat-icon-button-state-layer-color: #8f31ce;
  --mat-icon-button-ripple-color: color-mix(in srgb, #8f31ce 12%, transparent);
}
.guarapo-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.guarapo-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.guarapo-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.guarapo-theme .mat-mdc-fab.mat-primary,
.guarapo-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #8f31ce;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #8f31ce 12%, transparent);
  --mat-fab-small-container-color: #8f31ce;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.guarapo-theme .mat-mdc-fab.mat-accent,
.guarapo-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.guarapo-theme .mat-mdc-fab.mat-warn,
.guarapo-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.guarapo-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.guarapo-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.guarapo-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.guarapo-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.guarapo-theme .mat-datepicker-content.mat-accent,
.guarapo-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.guarapo-theme .mat-datepicker-content.mat-warn,
.guarapo-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.guarapo-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.guarapo-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.guarapo-theme .mat-icon.mat-primary {
  --mat-icon-color: #8f31ce;
}
.guarapo-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.guarapo-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.guarapo-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.guarapo-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.guarapo-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #8f31ce;
  --mat-toolbar-container-text-color: #ffffff;
}
.guarapo-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.guarapo-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.guarapo-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.guarapo-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.guarapo-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.guarapo-theme .back-container {
  color: #8f31ce;
}
.guarapo-theme .back-container:hover {
  opacity: 0.54;
}
.guarapo-theme .warn-text {
  color: #e74737;
}
.guarapo-theme .inside-modal-title.primary-colored-title,
.guarapo-theme .form-title.primary-colored-title {
  color: #8f31ce;
}
.guarapo-theme .full-height-container form .button-container {
  background: white;
}
.guarapo-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.guarapo-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.guarapo-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.guarapo-theme .box-checkbox.active-box-checkbox {
  background-color: #8f31ce;
  color: white;
}
.guarapo-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.guarapo-theme .box-radio.active-box-radio {
  background-color: #8f31ce;
  color: white;
}
.guarapo-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.guarapo-theme .error {
  color: #e74737;
}
.guarapo-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.guarapo-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.guarapo-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.guarapo-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.guarapo-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.guarapo-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.guarapo-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.guarapo-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.guarapo-theme .ql-snow .ql-picker-options {
  background: white;
}
.guarapo-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.guarapo-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.guarapo-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.guarapo-theme .ql-snow .ql-fill,
.guarapo-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.guarapo-theme .ql-snow.ql-toolbar button:hover,
.guarapo-theme .ql-snow .ql-toolbar button:hover,
.guarapo-theme .ql-snow.ql-toolbar button:focus,
.guarapo-theme .ql-snow .ql-toolbar button:focus,
.guarapo-theme .ql-snow.ql-toolbar button.ql-active,
.guarapo-theme .ql-snow .ql-toolbar button.ql-active,
.guarapo-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.guarapo-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.guarapo-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.guarapo-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.guarapo-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.guarapo-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.guarapo-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.guarapo-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.guarapo-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.guarapo-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.guarapo-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.guarapo-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.guarapo-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.guarapo-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.guarapo-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.guarapo-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.guarapo-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.guarapo-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.guarapo-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.guarapo-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.guarapo-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.guarapo-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.guarapo-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.guarapo-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.guarapo-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.guarapo-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.guarapo-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.guarapo-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.guarapo-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.guarapo-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.guarapo-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.guarapo-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.guarapo-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.guarapo-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.guarapo-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.guarapo-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.guarapo-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.guarapo-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.guarapo-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.guarapo-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.guarapo-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.guarapo-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.guarapo-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.guarapo-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.guarapo-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.guarapo-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.guarapo-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.guarapo-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.guarapo-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.guarapo-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.guarapo-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.guarapo-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.guarapo-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.guarapo-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.guarapo-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.guarapo-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.guarapo-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.guarapo-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.guarapo-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.guarapo-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.guarapo-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.guarapo-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.guarapo-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.guarapo-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.guarapo-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.guarapo-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.guarapo-theme bee-form-item {
  margin-right: 0 !important;
}
.guarapo-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.guarapo-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #8f31ce;
  height: 38px !important;
}
.guarapo-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.guarapo-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.guarapo-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.guarapo-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.guarapo-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.guarapo-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.guarapo-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.guarapo-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.guarapo-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .guarapo-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.guarapo-theme .general-container .label-wrapper label {
  color: #8f31ce !important;
  background-color: white;
}
.guarapo-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.guarapo-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.guarapo-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.guarapo-theme .general-container .bee-selector .bee-selector-container {
  border-color: #8f31ce !important;
}
.guarapo-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.guarapo-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.guarapo-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.guarapo-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.guarapo-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.guarapo-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.guarapo-theme .general-container .bee-selector .bee-selector-container:focus,
.guarapo-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #8f31ce;
}
.guarapo-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.guarapo-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #8f31ce;
}
.guarapo-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.guarapo-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #8f31ce;
}
.guarapo-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.guarapo-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.guarapo-theme .general-container .bee-dropdown {
  background: white;
}
.guarapo-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #8f31ce;
}
.guarapo-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.guarapo-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.guarapo-theme .general-container .selector-error {
  color: #e74737;
}
.guarapo-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.guarapo-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.guarapo-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.guarapo-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.guarapo-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #8f31ce;
}
.guarapo-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.guarapo-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.guarapo-theme .move-image-action-container:hover {
  color: #8f31ce;
}
.guarapo-theme .info-icon {
  color: #8f31ce;
}
.guarapo-theme .email-chip {
  color: #8f31ce !important;
  background-color: rgba(143, 49, 206, 0.15) !important;
}
.guarapo-theme .email-chip .mat-chip-remove {
  color: #8f31ce !important;
  opacity: 1 !important;
}
.guarapo-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.guarapo-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.guarapo-theme .mat-badge-content {
  color: #8f31ce !important;
}
.guarapo-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #8f31ce !important;
}
.guarapo-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #8f31ce !important;
}
.guarapo-theme #circle-lleno {
  background: #b77bff;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.guarapo-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.guarapo-theme .marine-color {
  color: #0f223e !important;
}
.guarapo-theme .primary-color {
  color: #8f31ce !important;
}
.guarapo-theme .gray-color {
  color: #C0C4CA !important;
}
.guarapo-theme .primary-color-200 {
  color: #c798e7 !important;
}
.guarapo-theme svg.primary-fill-svg {
  fill: #8f31ce !important;
}
.guarapo-theme .primary-fill {
  fill: #8f31ce !important;
}
.guarapo-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.guarapo-theme .primary-border-50 {
  border-color: #f2e6f9 !important;
}
.guarapo-theme .primary-border-100 {
  border-color: #ddc1f0 !important;
}
.guarapo-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.guarapo-theme .transparent-border-100 {
  border-color: transparent !important;
}
.guarapo-theme .primary-border-200 {
  border-color: #c798e7 !important;
}
.guarapo-theme .primary-indicator .mat-expansion-indicator:after {
  color: #8f31ce;
}
.guarapo-theme .contrast-background {
  background-color: #ffffff !important;
}
.guarapo-theme .primary-color-small {
  color: rgba(143, 49, 206, 0.6);
}
.guarapo-theme .marine-background {
  background-color: #0f223e !important;
}
.guarapo-theme .primary-background {
  background-color: #8f31ce !important;
}
.guarapo-theme .primary-background-50 {
  background-color: #f2e6f9 !important;
}
.guarapo-theme .primary-background-200 {
  background-color: #c798e7 !important;
}
.guarapo-theme .primary-background-800 {
  background-color: #721fbc !important;
}
.guarapo-theme .white-color {
  color: white !important;
}
.guarapo-theme .secondary-color {
  color: #b77bff !important;
}
.guarapo-theme .secondary-background {
  background-color: #b77bff !important;
}
.guarapo-theme .secondary-background-semi {
  background-color: #8f31ce !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #8f31ce !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.guarapo-theme .secondary-background-full {
  background-color: #8f31ce !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #8f31ce !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.guarapo-theme .secondary-background-empty {
  background-color: #8f31ce !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #8f31ce !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.guarapo-theme .secondary-border {
  background-color: #b77bff !important;
}
.guarapo-theme .tertiary-color {
  color: #b77bff !important;
}
.guarapo-theme button.button-tertiary {
  background-color: #b77bff !important;
  color: #8f31ce !important;
  border: 1px solid #8f31ce !important;
}
.guarapo-theme span.red-text {
  color: #DB1F35 !important;
}
.guarapo-theme .tertiary-background {
  background-color: #b77bff !important;
}
.guarapo-theme .tertiary-border {
  border-color: #b77bff !important;
}
.guarapo-theme .dark-background {
  background-color: black !important;
}
.guarapo-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.guarapo-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.guarapo-theme .primary-soft-background {
  background-color: rgba(143, 49, 206, 0.1) !important;
}
.guarapo-theme .primary-soft-background:hover {
  background-color: rgba(143, 49, 206, 0.15) !important;
}
.guarapo-theme .primary-border {
  border-color: #8f31ce !important;
}
.guarapo-theme .default-background {
  background-color: #fafafa !important;
}
.guarapo-theme .hover-primary:hover {
  color: #8f31ce !important;
}
.guarapo-theme .hover-primary-background:hover {
  background-color: #8f31ce !important;
}
.guarapo-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.guarapo-theme .warn-color {
  color: #e74737 !important;
}
.guarapo-theme .warn-border {
  border-color: #e74737 !important;
}
.guarapo-theme .accent-color {
  color: #fedd93 !important;
}
.guarapo-theme .accent-background {
  background-color: #fedd93 !important;
}
.guarapo-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.guarapo-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.guarapo-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.guarapo-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.guarapo-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.guarapo-theme .dialog-table tr .action-icon {
  color: transparent;
}
.guarapo-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.guarapo-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.guarapo-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #8f31ce;
}
.guarapo-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.guarapo-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.guarapo-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.guarapo-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.guarapo-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.guarapo-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.guarapo-theme .card-table tr .action-icon {
  color: transparent;
}
.guarapo-theme .card-table tr .action-icon button {
  color: transparent;
}
.guarapo-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.guarapo-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.guarapo-theme .card-table tr:hover .action-icon button {
  color: #8f31ce;
}
.guarapo-theme .card-table tr:hover .action-icon:hover {
  color: #8f31ce;
}
.guarapo-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.guarapo-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.guarapo-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.guarapo-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.guarapo-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #8f31ce;
}
.guarapo-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.guarapo-theme .no-hover-table tr:hover {
  background: white;
}
.guarapo-theme .custom-standard-chip {
  background-color: rgba(143, 49, 206, 0.1) !important;
  color: #8f31ce !important;
}
.guarapo-theme .help-dashboard-card .mat-icon {
  color: #8f31ce;
}
.guarapo-theme .help-dashboard-card:hover {
  background-color: #8f31ce;
}
.guarapo-theme .help-dashboard-card:hover .mat-icon,
.guarapo-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.guarapo-theme .room-open {
  background-color: #8f31ce !important;
  color: white !important;
}
.guarapo-theme .room-open:hover {
  background-color: #8f31ce !important;
  color: white !important;
}
.guarapo-theme #public-office-page-groups .public-group-button-hover {
  background-color: #8f31ce !important;
  color: white !important;
}
.guarapo-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.guarapo-theme .notification-container .show-tip {
  color: transparent;
}
.guarapo-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.guarapo-theme .notification-container:hover .show-tip {
  color: #8f31ce;
}
.guarapo-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.guarapo-theme .notification-container .notification-subject .mat-icon {
  color: #8f31ce;
}
.guarapo-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.guarapo-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.guarapo-theme .message-container .show-tip {
  color: transparent;
}
.guarapo-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.guarapo-theme .message-container:hover .show-tip {
  color: #8f31ce;
}
.guarapo-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.guarapo-theme .message-container .message-subject .mat-icon {
  color: #8f31ce;
}
.guarapo-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.guarapo-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.guarapo-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.guarapo-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.guarapo-theme .primary-200-outline input {
  caret-color: #c798e7;
  color: #8f31ce;
}
.guarapo-theme .primary-200-outline label {
  color: #c798e7;
}
.guarapo-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #c798e7 !important;
}
.guarapo-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #c798e7;
}
.guarapo-theme mat-form-field .primary-outline label {
  color: #8f31ce !important;
}
.guarapo-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #8f31ce !important;
}
.guarapo-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #8f31ce !important;
}
.guarapo-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.guarapo-theme .input-primary input {
  caret-color: #8f31ce;
  color: #8f31ce;
}
.guarapo-theme .input-primary label {
  color: #8f31ce;
}
.guarapo-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #8f31ce !important;
}
.guarapo-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.guarapo-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #8f31ce;
  border-width: 1px;
}
.guarapo-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.guarapo-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.guarapo-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.guarapo-theme .boton-recarga {
  background-color: #8f31ce;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.guarapo-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.guarapo-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.guarapo-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.guarapo-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.guarapo-theme .header-container button {
  padding: 0 !important;
}
.guarapo-theme .header-container .mat-button {
  min-width: unset !important;
}
.guarapo-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.guarapo-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.guarapo-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.guarapo-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.guarapo-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.guarapo-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.guarapo-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.guarapo-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.guarapo-theme .input-recarga-marine {
  border: 1px solid #8f31ce !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.guarapo-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.guarapo-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.guarapo-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.guarapo-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.guarapo-theme .color-primary {
  color: #8f31ce !important;
  fill: #8f31ce !important;
}
.guarapo-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.guarapo-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.guarapo-theme .primary-contrast {
  color: #ffffff !important;
}
.guarapo-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #8f31ce !important;
}
.guarapo-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #8f31ce !important;
}
.guarapo-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.guarapo-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #8f31ce !important;
}
.guarapo-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.guarapo-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.guarapo-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.guarapo-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #8f31ce !important;
}
.guarapo-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #8f31ce !important;
}
.guarapo-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #8f31ce !important;
}
.guarapo-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #8f31ce !important;
}
.guarapo-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #8f31ce !important;
}
.guarapo-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.guarapo-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #8f31ce !important;
}
.guarapo-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.guarapo-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #8f31ce !important;
}
.guarapo-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.guarapo-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.guarapo-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #8f31ce !important;
}
.guarapo-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #b77bff !important;
}
.guarapo-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.guarapo-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #8f31ce !important;
}
.guarapo-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #8f31ce !important;
}
.guarapo-theme .mat-checkbox-checked .mat-checkbox-background,
.guarapo-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #8f31ce !important;
}
.guarapo-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #8f31ce !important;
}
.guarapo-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.guarapo-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #8f31ce !important;
}
.guarapo-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.guarapo-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #8f31ce !important;
}
.guarapo-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #c798e7 !important;
}
.guarapo-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #8f31ce !important;
}
.guarapo-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.guarapo-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.guarapo-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.guarapo-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.guarapo-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #8f31ce !important;
}
.guarapo-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #8f31ce !important;
}
.guarapo-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #8f31ce !important;
}
.guarapo-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.guarapo-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #8f31ce !important;
}
.guarapo-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #8f31ce !important;
}
.guarapo-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #8f31ce !important;
}
.guarapo-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.guarapo-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.guarapo-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #8f31ce !important;
}
.guarapo-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #8f31ce !important;
}
.guarapo-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.guarapo-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.guarapo-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #8f31ce !important;
}
.guarapo-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.guarapo-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.guarapo-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.guarapo-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #8f31ce !important;
}
.guarapo-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.guarapo-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #8f31ce !important;
}
.guarapo-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #8f31ce !important;
}
.guarapo-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #8f31ce !important;
}
.guarapo-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.guarapo-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.guarapo-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.guarapo-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #8f31ce !important;
}
.guarapo-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #8f31ce !important;
}
.guarapo-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #b77bff !important;
}
.guarapo-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #b77bff !important;
}
.guarapo-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.guarapo-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #8f31ce !important;
}
.guarapo-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #8f31ce !important;
}
.guarapo-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.guarapo-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #8f31ce !important;
}
.guarapo-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #8f31ce !important;
}
.guarapo-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.guarapo-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.guarapo-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.guarapo-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #b77bff !important;
}
.guarapo-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #b77bff !important;
}
.guarapo-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.guarapo-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.guarapo-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #b77bff !important;
}
.guarapo-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #b77bff !important;
}
.guarapo-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #b77bff !important;
}
.guarapo-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #b77bff !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.guarapo-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #b77bff !important;
}
.guarapo-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #b77bff !important;
}
.guarapo-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #8f31ce !important;
}
.guarapo-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #8f31ce !important;
}
.guarapo-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #8f31ce !important;
}
.guarapo-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.guarapo-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.guarapo-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.guarapo-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.guarapo-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.guarapo-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #8f31ce !important;
}
.guarapo-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #8f31ce !important;
}
.guarapo-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #8f31ce !important;
}
.guarapo-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #8f31ce !important;
}
.guarapo-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #8f31ce !important;
}
.guarapo-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #8f31ce !important;
}
.guarapo-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.guarapo-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #8f31ce !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.guarapo-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.guarapo-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.guarapo-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.guarapo-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.guarapo-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.guarapo-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #b77bff !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.guarapo-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #8f31ce !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #8f31ce !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.guarapo-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #8f31ce !important;
}
.guarapo-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.guarapo-theme .button-text-hidden {
  display: none;
}
.portaventura-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #16149b;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #16149b 87%, transparent);
  --mat-form-field-filled-caret-color: #16149b;
  --mat-form-field-filled-focus-active-indicator-color: #16149b;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #16149b 87%, transparent);
  --mat-form-field-outlined-caret-color: #16149b;
  --mat-form-field-outlined-focus-outline-color: #16149b;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #16149b 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #16149b;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #16149b;
  --mat-slide-toggle-selected-handle-color: #16149b;
  --mat-slide-toggle-selected-hover-state-layer-color: #16149b;
  --mat-slide-toggle-selected-pressed-state-layer-color: #16149b;
  --mat-slide-toggle-selected-focus-handle-color: #16149b;
  --mat-slide-toggle-selected-hover-handle-color: #16149b;
  --mat-slide-toggle-selected-pressed-handle-color: #16149b;
  --mat-slide-toggle-selected-focus-track-color: #5c5bb9;
  --mat-slide-toggle-selected-hover-track-color: #5c5bb9;
  --mat-slide-toggle-selected-pressed-track-color: #5c5bb9;
  --mat-slide-toggle-selected-track-color: #5c5bb9;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #16149b;
  --mat-slider-focus-handle-color: #16149b;
  --mat-slider-handle-color: #16149b;
  --mat-slider-hover-handle-color: #16149b;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #16149b 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #16149b 4%, transparent);
  --mat-slider-inactive-track-color: #16149b;
  --mat-slider-ripple-color: #16149b;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #16149b;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #5c5bb9;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #16149b;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #16149b;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #16149b 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #16149b;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #16149b 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #16149b 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #16149b 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #16149b;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #16149b;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #16149b;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #16149b;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #16149b;
  --mat-slide-toggle-selected-handle-color: #16149b;
  --mat-slide-toggle-selected-hover-state-layer-color: #16149b;
  --mat-slide-toggle-selected-pressed-state-layer-color: #16149b;
  --mat-slide-toggle-selected-focus-handle-color: #16149b;
  --mat-slide-toggle-selected-hover-handle-color: #16149b;
  --mat-slide-toggle-selected-pressed-handle-color: #16149b;
  --mat-slide-toggle-selected-focus-track-color: #5c5bb9;
  --mat-slide-toggle-selected-hover-track-color: #5c5bb9;
  --mat-slide-toggle-selected-pressed-track-color: #5c5bb9;
  --mat-slide-toggle-selected-track-color: #5c5bb9;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.portaventura-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.portaventura-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.portaventura-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #16149b;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #16149b;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.portaventura-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.portaventura-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.portaventura-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #16149b;
  --mat-progress-bar-track-color: rgba(22, 20, 155, 0.25);
}
.portaventura-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.portaventura-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.portaventura-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.portaventura-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.portaventura-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.portaventura-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.portaventura-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.portaventura-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.portaventura-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.portaventura-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #16149b;
  --mat-chip-elevated-disabled-container-color: #16149b;
  --mat-chip-elevated-selected-container-color: #16149b;
  --mat-chip-flat-disabled-selected-container-color: #16149b;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.portaventura-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.portaventura-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.portaventura-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.portaventura-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.portaventura-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.portaventura-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.portaventura-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.portaventura-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.portaventura-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.portaventura-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #16149b;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #16149b;
  --mat-radio-selected-hover-icon-color: #16149b;
  --mat-radio-selected-icon-color: #16149b;
  --mat-radio-selected-pressed-icon-color: #16149b;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.portaventura-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.portaventura-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.portaventura-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.portaventura-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.portaventura-theme .mdc-list-item__start,
.portaventura-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #16149b;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #16149b;
  --mat-radio-selected-hover-icon-color: #16149b;
  --mat-radio-selected-icon-color: #16149b;
  --mat-radio-selected-pressed-icon-color: #16149b;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.portaventura-theme .mat-accent .mdc-list-item__start,
.portaventura-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.portaventura-theme .mat-warn .mdc-list-item__start,
.portaventura-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.portaventura-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #16149b;
  --mat-checkbox-selected-hover-icon-color: #16149b;
  --mat-checkbox-selected-icon-color: #16149b;
  --mat-checkbox-selected-pressed-icon-color: #16149b;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #16149b;
  --mat-checkbox-selected-hover-state-layer-color: #16149b;
  --mat-checkbox-selected-pressed-state-layer-color: #16149b;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.portaventura-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.portaventura-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.portaventura-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.portaventura-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.portaventura-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.portaventura-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #16149b;
}
.portaventura-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.portaventura-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.portaventura-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.portaventura-theme .mdc-list-item__start,
.portaventura-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.portaventura-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.portaventura-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.portaventura-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.portaventura-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.portaventura-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.portaventura-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.portaventura-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.portaventura-theme .mat-mdc-tab-group,
.portaventura-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #16149b;
  --mat-tab-active-ripple-color: #16149b;
  --mat-tab-inactive-ripple-color: #16149b;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #16149b;
  --mat-tab-active-hover-label-text-color: #16149b;
  --mat-tab-active-focus-indicator-color: #16149b;
  --mat-tab-active-hover-indicator-color: #16149b;
  --mat-tab-active-indicator-color: #16149b;
}
.portaventura-theme .mat-mdc-tab-group.mat-accent,
.portaventura-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.portaventura-theme .mat-mdc-tab-group.mat-warn,
.portaventura-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.portaventura-theme .mat-mdc-tab-group.mat-background-primary,
.portaventura-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #16149b;
  --mat-tab-foreground-color: #ffffff;
}
.portaventura-theme .mat-mdc-tab-group.mat-background-accent,
.portaventura-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.portaventura-theme .mat-mdc-tab-group.mat-background-warn,
.portaventura-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.portaventura-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.portaventura-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.portaventura-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #16149b;
  --mat-checkbox-selected-hover-icon-color: #16149b;
  --mat-checkbox-selected-icon-color: #16149b;
  --mat-checkbox-selected-pressed-icon-color: #16149b;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #16149b;
  --mat-checkbox-selected-hover-state-layer-color: #16149b;
  --mat-checkbox-selected-pressed-state-layer-color: #16149b;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.portaventura-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.portaventura-theme .mat-mdc-button.mat-primary,
.portaventura-theme .mat-mdc-unelevated-button.mat-primary,
.portaventura-theme .mat-mdc-raised-button.mat-primary,
.portaventura-theme .mat-mdc-outlined-button.mat-primary,
.portaventura-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #16149b;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #16149b;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #16149b 12%, transparent);
  --mat-button-outlined-state-layer-color: #16149b;
  --mat-button-protected-container-color: #16149b;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #16149b;
  --mat-button-text-ripple-color: color-mix(in srgb, #16149b 12%, transparent);
  --mat-button-text-state-layer-color: #16149b;
  --mat-button-tonal-container-color: #16149b;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.portaventura-theme .mat-mdc-button.mat-accent,
.portaventura-theme .mat-mdc-unelevated-button.mat-accent,
.portaventura-theme .mat-mdc-raised-button.mat-accent,
.portaventura-theme .mat-mdc-outlined-button.mat-accent,
.portaventura-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.portaventura-theme .mat-mdc-button.mat-warn,
.portaventura-theme .mat-mdc-unelevated-button.mat-warn,
.portaventura-theme .mat-mdc-raised-button.mat-warn,
.portaventura-theme .mat-mdc-outlined-button.mat-warn,
.portaventura-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.portaventura-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #16149b;
  --mat-icon-button-state-layer-color: #16149b;
  --mat-icon-button-ripple-color: color-mix(in srgb, #16149b 12%, transparent);
}
.portaventura-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.portaventura-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.portaventura-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.portaventura-theme .mat-mdc-fab.mat-primary,
.portaventura-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #16149b;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #16149b 12%, transparent);
  --mat-fab-small-container-color: #16149b;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.portaventura-theme .mat-mdc-fab.mat-accent,
.portaventura-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.portaventura-theme .mat-mdc-fab.mat-warn,
.portaventura-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.portaventura-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.portaventura-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.portaventura-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.portaventura-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.portaventura-theme .mat-datepicker-content.mat-accent,
.portaventura-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.portaventura-theme .mat-datepicker-content.mat-warn,
.portaventura-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.portaventura-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.portaventura-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.portaventura-theme .mat-icon.mat-primary {
  --mat-icon-color: #16149b;
}
.portaventura-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.portaventura-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.portaventura-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.portaventura-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.portaventura-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #16149b;
  --mat-toolbar-container-text-color: #ffffff;
}
.portaventura-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.portaventura-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.portaventura-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.portaventura-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.portaventura-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.portaventura-theme .back-container {
  color: #16149b;
}
.portaventura-theme .back-container:hover {
  opacity: 0.54;
}
.portaventura-theme .warn-text {
  color: #e74737;
}
.portaventura-theme .inside-modal-title.primary-colored-title,
.portaventura-theme .form-title.primary-colored-title {
  color: #16149b;
}
.portaventura-theme .full-height-container form .button-container {
  background: white;
}
.portaventura-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.portaventura-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.portaventura-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.portaventura-theme .box-checkbox.active-box-checkbox {
  background-color: #16149b;
  color: white;
}
.portaventura-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.portaventura-theme .box-radio.active-box-radio {
  background-color: #16149b;
  color: white;
}
.portaventura-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.portaventura-theme .error {
  color: #e74737;
}
.portaventura-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.portaventura-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.portaventura-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.portaventura-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.portaventura-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.portaventura-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.portaventura-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.portaventura-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.portaventura-theme .ql-snow .ql-picker-options {
  background: white;
}
.portaventura-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.portaventura-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.portaventura-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.portaventura-theme .ql-snow .ql-fill,
.portaventura-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.portaventura-theme .ql-snow.ql-toolbar button:hover,
.portaventura-theme .ql-snow .ql-toolbar button:hover,
.portaventura-theme .ql-snow.ql-toolbar button:focus,
.portaventura-theme .ql-snow .ql-toolbar button:focus,
.portaventura-theme .ql-snow.ql-toolbar button.ql-active,
.portaventura-theme .ql-snow .ql-toolbar button.ql-active,
.portaventura-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.portaventura-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.portaventura-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.portaventura-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.portaventura-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.portaventura-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.portaventura-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.portaventura-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.portaventura-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.portaventura-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.portaventura-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.portaventura-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.portaventura-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.portaventura-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.portaventura-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.portaventura-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.portaventura-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.portaventura-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.portaventura-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.portaventura-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.portaventura-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.portaventura-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.portaventura-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.portaventura-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.portaventura-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.portaventura-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.portaventura-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.portaventura-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.portaventura-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.portaventura-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.portaventura-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.portaventura-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.portaventura-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.portaventura-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.portaventura-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.portaventura-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.portaventura-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.portaventura-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.portaventura-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.portaventura-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.portaventura-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.portaventura-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.portaventura-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.portaventura-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.portaventura-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.portaventura-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.portaventura-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.portaventura-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.portaventura-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.portaventura-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.portaventura-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.portaventura-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.portaventura-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.portaventura-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.portaventura-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.portaventura-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.portaventura-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.portaventura-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.portaventura-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.portaventura-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.portaventura-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.portaventura-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.portaventura-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.portaventura-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.portaventura-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.portaventura-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.portaventura-theme bee-form-item {
  margin-right: 0 !important;
}
.portaventura-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.portaventura-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #16149b;
  height: 38px !important;
}
.portaventura-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.portaventura-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.portaventura-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.portaventura-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.portaventura-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.portaventura-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.portaventura-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.portaventura-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.portaventura-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .portaventura-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.portaventura-theme .general-container .label-wrapper label {
  color: #16149b !important;
  background-color: white;
}
.portaventura-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.portaventura-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.portaventura-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.portaventura-theme .general-container .bee-selector .bee-selector-container {
  border-color: #16149b !important;
}
.portaventura-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.portaventura-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.portaventura-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.portaventura-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.portaventura-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.portaventura-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.portaventura-theme .general-container .bee-selector .bee-selector-container:focus,
.portaventura-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #16149b;
}
.portaventura-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.portaventura-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #16149b;
}
.portaventura-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.portaventura-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #16149b;
}
.portaventura-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.portaventura-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.portaventura-theme .general-container .bee-dropdown {
  background: white;
}
.portaventura-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #16149b;
}
.portaventura-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.portaventura-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.portaventura-theme .general-container .selector-error {
  color: #e74737;
}
.portaventura-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.portaventura-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.portaventura-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.portaventura-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.portaventura-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #16149b;
}
.portaventura-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.portaventura-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.portaventura-theme .move-image-action-container:hover {
  color: #16149b;
}
.portaventura-theme .info-icon {
  color: #16149b;
}
.portaventura-theme .email-chip {
  color: #16149b !important;
  background-color: rgba(22, 20, 155, 0.15) !important;
}
.portaventura-theme .email-chip .mat-chip-remove {
  color: #16149b !important;
  opacity: 1 !important;
}
.portaventura-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.portaventura-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.portaventura-theme .mat-badge-content {
  color: #16149b !important;
}
.portaventura-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #16149b !important;
}
.portaventura-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #16149b !important;
}
.portaventura-theme #circle-lleno {
  background: #3737ff;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.portaventura-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.portaventura-theme .marine-color {
  color: #0f223e !important;
}
.portaventura-theme .primary-color {
  color: #16149b !important;
}
.portaventura-theme .gray-color {
  color: #C0C4CA !important;
}
.portaventura-theme .primary-color-200 {
  color: #8b8acd !important;
}
.portaventura-theme svg.primary-fill-svg {
  fill: #16149b !important;
}
.portaventura-theme .primary-fill {
  fill: #16149b !important;
}
.portaventura-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.portaventura-theme .primary-border-50 {
  border-color: #e3e3f3 !important;
}
.portaventura-theme .primary-border-100 {
  border-color: #b9b9e1 !important;
}
.portaventura-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.portaventura-theme .transparent-border-100 {
  border-color: transparent !important;
}
.portaventura-theme .primary-border-200 {
  border-color: #8b8acd !important;
}
.portaventura-theme .primary-indicator .mat-expansion-indicator:after {
  color: #16149b;
}
.portaventura-theme .contrast-background {
  background-color: #ffffff !important;
}
.portaventura-theme .primary-color-small {
  color: rgba(22, 20, 155, 0.6);
}
.portaventura-theme .marine-background {
  background-color: #0f223e !important;
}
.portaventura-theme .primary-background {
  background-color: #16149b !important;
}
.portaventura-theme .primary-background-50 {
  background-color: #e3e3f3 !important;
}
.portaventura-theme .primary-background-200 {
  background-color: #8b8acd !important;
}
.portaventura-theme .primary-background-800 {
  background-color: #0c0b7f !important;
}
.portaventura-theme .white-color {
  color: white !important;
}
.portaventura-theme .secondary-color {
  color: #3737ff !important;
}
.portaventura-theme .secondary-background {
  background-color: #3737ff !important;
}
.portaventura-theme .secondary-background-semi {
  background-color: #16149b !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #16149b !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.portaventura-theme .secondary-background-full {
  background-color: #16149b !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #16149b !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.portaventura-theme .secondary-background-empty {
  background-color: #16149b !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #16149b !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.portaventura-theme .secondary-border {
  background-color: #3737ff !important;
}
.portaventura-theme .tertiary-color {
  color: #3737ff !important;
}
.portaventura-theme button.button-tertiary {
  background-color: #3737ff !important;
  color: #16149b !important;
  border: 1px solid #16149b !important;
}
.portaventura-theme span.red-text {
  color: #DB1F35 !important;
}
.portaventura-theme .tertiary-background {
  background-color: #3737ff !important;
}
.portaventura-theme .tertiary-border {
  border-color: #3737ff !important;
}
.portaventura-theme .dark-background {
  background-color: black !important;
}
.portaventura-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.portaventura-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.portaventura-theme .primary-soft-background {
  background-color: rgba(22, 20, 155, 0.1) !important;
}
.portaventura-theme .primary-soft-background:hover {
  background-color: rgba(22, 20, 155, 0.15) !important;
}
.portaventura-theme .primary-border {
  border-color: #16149b !important;
}
.portaventura-theme .default-background {
  background-color: #fafafa !important;
}
.portaventura-theme .hover-primary:hover {
  color: #16149b !important;
}
.portaventura-theme .hover-primary-background:hover {
  background-color: #16149b !important;
}
.portaventura-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.portaventura-theme .warn-color {
  color: #e74737 !important;
}
.portaventura-theme .warn-border {
  border-color: #e74737 !important;
}
.portaventura-theme .accent-color {
  color: #fedd93 !important;
}
.portaventura-theme .accent-background {
  background-color: #fedd93 !important;
}
.portaventura-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.portaventura-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.portaventura-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.portaventura-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.portaventura-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.portaventura-theme .dialog-table tr .action-icon {
  color: transparent;
}
.portaventura-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.portaventura-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.portaventura-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #16149b;
}
.portaventura-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.portaventura-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.portaventura-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.portaventura-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.portaventura-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.portaventura-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.portaventura-theme .card-table tr .action-icon {
  color: transparent;
}
.portaventura-theme .card-table tr .action-icon button {
  color: transparent;
}
.portaventura-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.portaventura-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.portaventura-theme .card-table tr:hover .action-icon button {
  color: #16149b;
}
.portaventura-theme .card-table tr:hover .action-icon:hover {
  color: #16149b;
}
.portaventura-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.portaventura-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.portaventura-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.portaventura-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.portaventura-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #16149b;
}
.portaventura-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.portaventura-theme .no-hover-table tr:hover {
  background: white;
}
.portaventura-theme .custom-standard-chip {
  background-color: rgba(22, 20, 155, 0.1) !important;
  color: #16149b !important;
}
.portaventura-theme .help-dashboard-card .mat-icon {
  color: #16149b;
}
.portaventura-theme .help-dashboard-card:hover {
  background-color: #16149b;
}
.portaventura-theme .help-dashboard-card:hover .mat-icon,
.portaventura-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.portaventura-theme .room-open {
  background-color: #16149b !important;
  color: white !important;
}
.portaventura-theme .room-open:hover {
  background-color: #16149b !important;
  color: white !important;
}
.portaventura-theme #public-office-page-groups .public-group-button-hover {
  background-color: #16149b !important;
  color: white !important;
}
.portaventura-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.portaventura-theme .notification-container .show-tip {
  color: transparent;
}
.portaventura-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.portaventura-theme .notification-container:hover .show-tip {
  color: #16149b;
}
.portaventura-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.portaventura-theme .notification-container .notification-subject .mat-icon {
  color: #16149b;
}
.portaventura-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.portaventura-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.portaventura-theme .message-container .show-tip {
  color: transparent;
}
.portaventura-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.portaventura-theme .message-container:hover .show-tip {
  color: #16149b;
}
.portaventura-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.portaventura-theme .message-container .message-subject .mat-icon {
  color: #16149b;
}
.portaventura-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.portaventura-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.portaventura-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.portaventura-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.portaventura-theme .primary-200-outline input {
  caret-color: #8b8acd;
  color: #16149b;
}
.portaventura-theme .primary-200-outline label {
  color: #8b8acd;
}
.portaventura-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #8b8acd !important;
}
.portaventura-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #8b8acd;
}
.portaventura-theme mat-form-field .primary-outline label {
  color: #16149b !important;
}
.portaventura-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #16149b !important;
}
.portaventura-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #16149b !important;
}
.portaventura-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.portaventura-theme .input-primary input {
  caret-color: #16149b;
  color: #16149b;
}
.portaventura-theme .input-primary label {
  color: #16149b;
}
.portaventura-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #16149b !important;
}
.portaventura-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.portaventura-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #16149b;
  border-width: 1px;
}
.portaventura-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.portaventura-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.portaventura-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.portaventura-theme .boton-recarga {
  background-color: #16149b;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.portaventura-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.portaventura-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.portaventura-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.portaventura-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.portaventura-theme .header-container button {
  padding: 0 !important;
}
.portaventura-theme .header-container .mat-button {
  min-width: unset !important;
}
.portaventura-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.portaventura-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.portaventura-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.portaventura-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.portaventura-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.portaventura-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.portaventura-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.portaventura-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.portaventura-theme .input-recarga-marine {
  border: 1px solid #16149b !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.portaventura-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.portaventura-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.portaventura-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.portaventura-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.portaventura-theme .color-primary {
  color: #16149b !important;
  fill: #16149b !important;
}
.portaventura-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.portaventura-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.portaventura-theme .primary-contrast {
  color: #ffffff !important;
}
.portaventura-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #16149b !important;
}
.portaventura-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #16149b !important;
}
.portaventura-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.portaventura-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #16149b !important;
}
.portaventura-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.portaventura-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.portaventura-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.portaventura-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #16149b !important;
}
.portaventura-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #16149b !important;
}
.portaventura-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #16149b !important;
}
.portaventura-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #16149b !important;
}
.portaventura-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #16149b !important;
}
.portaventura-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.portaventura-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #16149b !important;
}
.portaventura-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.portaventura-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #16149b !important;
}
.portaventura-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.portaventura-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.portaventura-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #16149b !important;
}
.portaventura-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #3737ff !important;
}
.portaventura-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.portaventura-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #16149b !important;
}
.portaventura-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #16149b !important;
}
.portaventura-theme .mat-checkbox-checked .mat-checkbox-background,
.portaventura-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #16149b !important;
}
.portaventura-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #16149b !important;
}
.portaventura-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.portaventura-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #16149b !important;
}
.portaventura-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.portaventura-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #16149b !important;
}
.portaventura-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #8b8acd !important;
}
.portaventura-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #16149b !important;
}
.portaventura-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.portaventura-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.portaventura-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.portaventura-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.portaventura-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #16149b !important;
}
.portaventura-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #16149b !important;
}
.portaventura-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #16149b !important;
}
.portaventura-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.portaventura-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #16149b !important;
}
.portaventura-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #16149b !important;
}
.portaventura-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #16149b !important;
}
.portaventura-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.portaventura-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.portaventura-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #16149b !important;
}
.portaventura-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #16149b !important;
}
.portaventura-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.portaventura-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.portaventura-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #16149b !important;
}
.portaventura-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.portaventura-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.portaventura-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.portaventura-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #16149b !important;
}
.portaventura-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.portaventura-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #16149b !important;
}
.portaventura-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #16149b !important;
}
.portaventura-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #16149b !important;
}
.portaventura-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.portaventura-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.portaventura-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.portaventura-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #16149b !important;
}
.portaventura-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #16149b !important;
}
.portaventura-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #3737ff !important;
}
.portaventura-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #3737ff !important;
}
.portaventura-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.portaventura-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #16149b !important;
}
.portaventura-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #16149b !important;
}
.portaventura-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.portaventura-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #16149b !important;
}
.portaventura-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #16149b !important;
}
.portaventura-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.portaventura-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.portaventura-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.portaventura-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #3737ff !important;
}
.portaventura-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #3737ff !important;
}
.portaventura-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.portaventura-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.portaventura-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #3737ff !important;
}
.portaventura-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #3737ff !important;
}
.portaventura-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #3737ff !important;
}
.portaventura-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #3737ff !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.portaventura-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #3737ff !important;
}
.portaventura-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #3737ff !important;
}
.portaventura-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #16149b !important;
}
.portaventura-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #16149b !important;
}
.portaventura-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #16149b !important;
}
.portaventura-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.portaventura-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.portaventura-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.portaventura-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.portaventura-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.portaventura-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #16149b !important;
}
.portaventura-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #16149b !important;
}
.portaventura-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #16149b !important;
}
.portaventura-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #16149b !important;
}
.portaventura-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #16149b !important;
}
.portaventura-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #16149b !important;
}
.portaventura-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.portaventura-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #16149b !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.portaventura-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.portaventura-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.portaventura-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.portaventura-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.portaventura-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.portaventura-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #3737ff !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.portaventura-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #16149b !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #16149b !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.portaventura-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #16149b !important;
}
.portaventura-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.portaventura-theme .button-text-hidden {
  display: none;
}
.gayhotels-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #0a58fd;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #0a58fd 87%, transparent);
  --mat-form-field-filled-caret-color: #0a58fd;
  --mat-form-field-filled-focus-active-indicator-color: #0a58fd;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #0a58fd 87%, transparent);
  --mat-form-field-outlined-caret-color: #0a58fd;
  --mat-form-field-outlined-focus-outline-color: #0a58fd;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #0a58fd 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #0a58fd;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #0a58fd;
  --mat-slide-toggle-selected-handle-color: #0a58fd;
  --mat-slide-toggle-selected-hover-state-layer-color: #0a58fd;
  --mat-slide-toggle-selected-pressed-state-layer-color: #0a58fd;
  --mat-slide-toggle-selected-focus-handle-color: #0a58fd;
  --mat-slide-toggle-selected-hover-handle-color: #0a58fd;
  --mat-slide-toggle-selected-pressed-handle-color: #0a58fd;
  --mat-slide-toggle-selected-focus-track-color: #548afe;
  --mat-slide-toggle-selected-hover-track-color: #548afe;
  --mat-slide-toggle-selected-pressed-track-color: #548afe;
  --mat-slide-toggle-selected-track-color: #548afe;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #0a58fd;
  --mat-slider-focus-handle-color: #0a58fd;
  --mat-slider-handle-color: #0a58fd;
  --mat-slider-hover-handle-color: #0a58fd;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #0a58fd 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #0a58fd 4%, transparent);
  --mat-slider-inactive-track-color: #0a58fd;
  --mat-slider-ripple-color: #0a58fd;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #0a58fd;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #548afe;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #0a58fd;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #0a58fd;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #0a58fd 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #0a58fd;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #0a58fd 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #0a58fd 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #0a58fd 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #0a58fd;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #0a58fd;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #0a58fd;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #0a58fd;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #0a58fd;
  --mat-slide-toggle-selected-handle-color: #0a58fd;
  --mat-slide-toggle-selected-hover-state-layer-color: #0a58fd;
  --mat-slide-toggle-selected-pressed-state-layer-color: #0a58fd;
  --mat-slide-toggle-selected-focus-handle-color: #0a58fd;
  --mat-slide-toggle-selected-hover-handle-color: #0a58fd;
  --mat-slide-toggle-selected-pressed-handle-color: #0a58fd;
  --mat-slide-toggle-selected-focus-track-color: #548afe;
  --mat-slide-toggle-selected-hover-track-color: #548afe;
  --mat-slide-toggle-selected-pressed-track-color: #548afe;
  --mat-slide-toggle-selected-track-color: #548afe;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.gayhotels-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.gayhotels-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.gayhotels-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #0a58fd;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #0a58fd;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.gayhotels-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.gayhotels-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.gayhotels-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #0a58fd;
  --mat-progress-bar-track-color: rgba(10, 88, 253, 0.25);
}
.gayhotels-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.gayhotels-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.gayhotels-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.gayhotels-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.gayhotels-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.gayhotels-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.gayhotels-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.gayhotels-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.gayhotels-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.gayhotels-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #0a58fd;
  --mat-chip-elevated-disabled-container-color: #0a58fd;
  --mat-chip-elevated-selected-container-color: #0a58fd;
  --mat-chip-flat-disabled-selected-container-color: #0a58fd;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.gayhotels-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.gayhotels-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.gayhotels-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.gayhotels-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.gayhotels-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.gayhotels-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.gayhotels-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.gayhotels-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.gayhotels-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.gayhotels-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #0a58fd;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #0a58fd;
  --mat-radio-selected-hover-icon-color: #0a58fd;
  --mat-radio-selected-icon-color: #0a58fd;
  --mat-radio-selected-pressed-icon-color: #0a58fd;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.gayhotels-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.gayhotels-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.gayhotels-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.gayhotels-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.gayhotels-theme .mdc-list-item__start,
.gayhotels-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #0a58fd;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #0a58fd;
  --mat-radio-selected-hover-icon-color: #0a58fd;
  --mat-radio-selected-icon-color: #0a58fd;
  --mat-radio-selected-pressed-icon-color: #0a58fd;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.gayhotels-theme .mat-accent .mdc-list-item__start,
.gayhotels-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.gayhotels-theme .mat-warn .mdc-list-item__start,
.gayhotels-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.gayhotels-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #0a58fd;
  --mat-checkbox-selected-hover-icon-color: #0a58fd;
  --mat-checkbox-selected-icon-color: #0a58fd;
  --mat-checkbox-selected-pressed-icon-color: #0a58fd;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #0a58fd;
  --mat-checkbox-selected-hover-state-layer-color: #0a58fd;
  --mat-checkbox-selected-pressed-state-layer-color: #0a58fd;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.gayhotels-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.gayhotels-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.gayhotels-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.gayhotels-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.gayhotels-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.gayhotels-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #0a58fd;
}
.gayhotels-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.gayhotels-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.gayhotels-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.gayhotels-theme .mdc-list-item__start,
.gayhotels-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.gayhotels-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.gayhotels-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.gayhotels-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.gayhotels-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.gayhotels-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.gayhotels-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.gayhotels-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.gayhotels-theme .mat-mdc-tab-group,
.gayhotels-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #0a58fd;
  --mat-tab-active-ripple-color: #0a58fd;
  --mat-tab-inactive-ripple-color: #0a58fd;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #0a58fd;
  --mat-tab-active-hover-label-text-color: #0a58fd;
  --mat-tab-active-focus-indicator-color: #0a58fd;
  --mat-tab-active-hover-indicator-color: #0a58fd;
  --mat-tab-active-indicator-color: #0a58fd;
}
.gayhotels-theme .mat-mdc-tab-group.mat-accent,
.gayhotels-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.gayhotels-theme .mat-mdc-tab-group.mat-warn,
.gayhotels-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.gayhotels-theme .mat-mdc-tab-group.mat-background-primary,
.gayhotels-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #0a58fd;
  --mat-tab-foreground-color: #ffffff;
}
.gayhotels-theme .mat-mdc-tab-group.mat-background-accent,
.gayhotels-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.gayhotels-theme .mat-mdc-tab-group.mat-background-warn,
.gayhotels-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.gayhotels-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.gayhotels-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.gayhotels-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #0a58fd;
  --mat-checkbox-selected-hover-icon-color: #0a58fd;
  --mat-checkbox-selected-icon-color: #0a58fd;
  --mat-checkbox-selected-pressed-icon-color: #0a58fd;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #0a58fd;
  --mat-checkbox-selected-hover-state-layer-color: #0a58fd;
  --mat-checkbox-selected-pressed-state-layer-color: #0a58fd;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.gayhotels-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.gayhotels-theme .mat-mdc-button.mat-primary,
.gayhotels-theme .mat-mdc-unelevated-button.mat-primary,
.gayhotels-theme .mat-mdc-raised-button.mat-primary,
.gayhotels-theme .mat-mdc-outlined-button.mat-primary,
.gayhotels-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #0a58fd;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #0a58fd;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #0a58fd 12%, transparent);
  --mat-button-outlined-state-layer-color: #0a58fd;
  --mat-button-protected-container-color: #0a58fd;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #0a58fd;
  --mat-button-text-ripple-color: color-mix(in srgb, #0a58fd 12%, transparent);
  --mat-button-text-state-layer-color: #0a58fd;
  --mat-button-tonal-container-color: #0a58fd;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.gayhotels-theme .mat-mdc-button.mat-accent,
.gayhotels-theme .mat-mdc-unelevated-button.mat-accent,
.gayhotels-theme .mat-mdc-raised-button.mat-accent,
.gayhotels-theme .mat-mdc-outlined-button.mat-accent,
.gayhotels-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.gayhotels-theme .mat-mdc-button.mat-warn,
.gayhotels-theme .mat-mdc-unelevated-button.mat-warn,
.gayhotels-theme .mat-mdc-raised-button.mat-warn,
.gayhotels-theme .mat-mdc-outlined-button.mat-warn,
.gayhotels-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.gayhotels-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #0a58fd;
  --mat-icon-button-state-layer-color: #0a58fd;
  --mat-icon-button-ripple-color: color-mix(in srgb, #0a58fd 12%, transparent);
}
.gayhotels-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.gayhotels-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.gayhotels-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.gayhotels-theme .mat-mdc-fab.mat-primary,
.gayhotels-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #0a58fd;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #0a58fd 12%, transparent);
  --mat-fab-small-container-color: #0a58fd;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.gayhotels-theme .mat-mdc-fab.mat-accent,
.gayhotels-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.gayhotels-theme .mat-mdc-fab.mat-warn,
.gayhotels-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.gayhotels-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.gayhotels-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.gayhotels-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.gayhotels-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.gayhotels-theme .mat-datepicker-content.mat-accent,
.gayhotels-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.gayhotels-theme .mat-datepicker-content.mat-warn,
.gayhotels-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.gayhotels-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.gayhotels-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.gayhotels-theme .mat-icon.mat-primary {
  --mat-icon-color: #0a58fd;
}
.gayhotels-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.gayhotels-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.gayhotels-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.gayhotels-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.gayhotels-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #0a58fd;
  --mat-toolbar-container-text-color: #ffffff;
}
.gayhotels-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.gayhotels-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.gayhotels-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.gayhotels-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.gayhotels-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.gayhotels-theme .back-container {
  color: #0a58fd;
}
.gayhotels-theme .back-container:hover {
  opacity: 0.54;
}
.gayhotels-theme .warn-text {
  color: #e74737;
}
.gayhotels-theme .inside-modal-title.primary-colored-title,
.gayhotels-theme .form-title.primary-colored-title {
  color: #0a58fd;
}
.gayhotels-theme .full-height-container form .button-container {
  background: white;
}
.gayhotels-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.gayhotels-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.gayhotels-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.gayhotels-theme .box-checkbox.active-box-checkbox {
  background-color: #0a58fd;
  color: white;
}
.gayhotels-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.gayhotels-theme .box-radio.active-box-radio {
  background-color: #0a58fd;
  color: white;
}
.gayhotels-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.gayhotels-theme .error {
  color: #e74737;
}
.gayhotels-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.gayhotels-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.gayhotels-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.gayhotels-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.gayhotels-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.gayhotels-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.gayhotels-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.gayhotels-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.gayhotels-theme .ql-snow .ql-picker-options {
  background: white;
}
.gayhotels-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.gayhotels-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.gayhotels-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.gayhotels-theme .ql-snow .ql-fill,
.gayhotels-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.gayhotels-theme .ql-snow.ql-toolbar button:hover,
.gayhotels-theme .ql-snow .ql-toolbar button:hover,
.gayhotels-theme .ql-snow.ql-toolbar button:focus,
.gayhotels-theme .ql-snow .ql-toolbar button:focus,
.gayhotels-theme .ql-snow.ql-toolbar button.ql-active,
.gayhotels-theme .ql-snow .ql-toolbar button.ql-active,
.gayhotels-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.gayhotels-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.gayhotels-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.gayhotels-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.gayhotels-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.gayhotels-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.gayhotels-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.gayhotels-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.gayhotels-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.gayhotels-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.gayhotels-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.gayhotels-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.gayhotels-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.gayhotels-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.gayhotels-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.gayhotels-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.gayhotels-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.gayhotels-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.gayhotels-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.gayhotels-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.gayhotels-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.gayhotels-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.gayhotels-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.gayhotels-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.gayhotels-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.gayhotels-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.gayhotels-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.gayhotels-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.gayhotels-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.gayhotels-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.gayhotels-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.gayhotels-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.gayhotels-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.gayhotels-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.gayhotels-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.gayhotels-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.gayhotels-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.gayhotels-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.gayhotels-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.gayhotels-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.gayhotels-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.gayhotels-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.gayhotels-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.gayhotels-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.gayhotels-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.gayhotels-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.gayhotels-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.gayhotels-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.gayhotels-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.gayhotels-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.gayhotels-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.gayhotels-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.gayhotels-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.gayhotels-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.gayhotels-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.gayhotels-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.gayhotels-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.gayhotels-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.gayhotels-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.gayhotels-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.gayhotels-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.gayhotels-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.gayhotels-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.gayhotels-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.gayhotels-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.gayhotels-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.gayhotels-theme bee-form-item {
  margin-right: 0 !important;
}
.gayhotels-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.gayhotels-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #0a58fd;
  height: 38px !important;
}
.gayhotels-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.gayhotels-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.gayhotels-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.gayhotels-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.gayhotels-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.gayhotels-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.gayhotels-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.gayhotels-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.gayhotels-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .gayhotels-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.gayhotels-theme .general-container .label-wrapper label {
  color: #0a58fd !important;
  background-color: white;
}
.gayhotels-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.gayhotels-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.gayhotels-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.gayhotels-theme .general-container .bee-selector .bee-selector-container {
  border-color: #0a58fd !important;
}
.gayhotels-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.gayhotels-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.gayhotels-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.gayhotels-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.gayhotels-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.gayhotels-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.gayhotels-theme .general-container .bee-selector .bee-selector-container:focus,
.gayhotels-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #0a58fd;
}
.gayhotels-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.gayhotels-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #0a58fd;
}
.gayhotels-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.gayhotels-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #0a58fd;
}
.gayhotels-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.gayhotels-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.gayhotels-theme .general-container .bee-dropdown {
  background: white;
}
.gayhotels-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #0a58fd;
}
.gayhotels-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.gayhotels-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.gayhotels-theme .general-container .selector-error {
  color: #e74737;
}
.gayhotels-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.gayhotels-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.gayhotels-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.gayhotels-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.gayhotels-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #0a58fd;
}
.gayhotels-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.gayhotels-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.gayhotels-theme .move-image-action-container:hover {
  color: #0a58fd;
}
.gayhotels-theme .info-icon {
  color: #0a58fd;
}
.gayhotels-theme .email-chip {
  color: #0a58fd !important;
  background-color: rgba(10, 88, 253, 0.15) !important;
}
.gayhotels-theme .email-chip .mat-chip-remove {
  color: #0a58fd !important;
  opacity: 1 !important;
}
.gayhotels-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.gayhotels-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.gayhotels-theme .mat-badge-content {
  color: #0a58fd !important;
}
.gayhotels-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #0a58fd !important;
}
.gayhotels-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #0a58fd !important;
}
.gayhotels-theme #circle-lleno {
  background: #ffffff;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.gayhotels-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.gayhotels-theme .marine-color {
  color: #0f223e !important;
}
.gayhotels-theme .primary-color {
  color: #0a58fd !important;
}
.gayhotels-theme .gray-color {
  color: #C0C4CA !important;
}
.gayhotels-theme .primary-color-200 {
  color: #85acfe !important;
}
.gayhotels-theme svg.primary-fill-svg {
  fill: #0a58fd !important;
}
.gayhotels-theme .primary-fill {
  fill: #0a58fd !important;
}
.gayhotels-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.gayhotels-theme .primary-border-50 {
  border-color: #e2ebff !important;
}
.gayhotels-theme .primary-border-100 {
  border-color: #b6cdfe !important;
}
.gayhotels-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.gayhotels-theme .transparent-border-100 {
  border-color: transparent !important;
}
.gayhotels-theme .primary-border-200 {
  border-color: #85acfe !important;
}
.gayhotels-theme .primary-indicator .mat-expansion-indicator:after {
  color: #0a58fd;
}
.gayhotels-theme .contrast-background {
  background-color: #ffffff !important;
}
.gayhotels-theme .primary-color-small {
  color: rgba(10, 88, 253, 0.6);
}
.gayhotels-theme .marine-background {
  background-color: #0f223e !important;
}
.gayhotels-theme .primary-background {
  background-color: #0a58fd !important;
}
.gayhotels-theme .primary-background-50 {
  background-color: #e2ebff !important;
}
.gayhotels-theme .primary-background-200 {
  background-color: #85acfe !important;
}
.gayhotels-theme .primary-background-800 {
  background-color: #053dfc !important;
}
.gayhotels-theme .white-color {
  color: white !important;
}
.gayhotels-theme .secondary-color {
  color: #ffffff !important;
}
.gayhotels-theme .secondary-background {
  background-color: #ffffff !important;
}
.gayhotels-theme .secondary-background-semi {
  background-color: #0a58fd !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #0a58fd !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.gayhotels-theme .secondary-background-full {
  background-color: #0a58fd !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #0a58fd !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.gayhotels-theme .secondary-background-empty {
  background-color: #0a58fd !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #0a58fd !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.gayhotels-theme .secondary-border {
  background-color: #ffffff !important;
}
.gayhotels-theme .tertiary-color {
  color: #bcc4ff !important;
}
.gayhotels-theme button.button-tertiary {
  background-color: #bcc4ff !important;
  color: #0a58fd !important;
  border: 1px solid #0a58fd !important;
}
.gayhotels-theme span.red-text {
  color: #DB1F35 !important;
}
.gayhotels-theme .tertiary-background {
  background-color: #bcc4ff !important;
}
.gayhotels-theme .tertiary-border {
  border-color: #bcc4ff !important;
}
.gayhotels-theme .dark-background {
  background-color: black !important;
}
.gayhotels-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.gayhotels-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.gayhotels-theme .primary-soft-background {
  background-color: rgba(10, 88, 253, 0.1) !important;
}
.gayhotels-theme .primary-soft-background:hover {
  background-color: rgba(10, 88, 253, 0.15) !important;
}
.gayhotels-theme .primary-border {
  border-color: #0a58fd !important;
}
.gayhotels-theme .default-background {
  background-color: #fafafa !important;
}
.gayhotels-theme .hover-primary:hover {
  color: #0a58fd !important;
}
.gayhotels-theme .hover-primary-background:hover {
  background-color: #0a58fd !important;
}
.gayhotels-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.gayhotels-theme .warn-color {
  color: #e74737 !important;
}
.gayhotels-theme .warn-border {
  border-color: #e74737 !important;
}
.gayhotels-theme .accent-color {
  color: #fedd93 !important;
}
.gayhotels-theme .accent-background {
  background-color: #fedd93 !important;
}
.gayhotels-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.gayhotels-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.gayhotels-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.gayhotels-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.gayhotels-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.gayhotels-theme .dialog-table tr .action-icon {
  color: transparent;
}
.gayhotels-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.gayhotels-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.gayhotels-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #0a58fd;
}
.gayhotels-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.gayhotels-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.gayhotels-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.gayhotels-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.gayhotels-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.gayhotels-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.gayhotels-theme .card-table tr .action-icon {
  color: transparent;
}
.gayhotels-theme .card-table tr .action-icon button {
  color: transparent;
}
.gayhotels-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.gayhotels-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.gayhotels-theme .card-table tr:hover .action-icon button {
  color: #0a58fd;
}
.gayhotels-theme .card-table tr:hover .action-icon:hover {
  color: #0a58fd;
}
.gayhotels-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.gayhotels-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.gayhotels-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.gayhotels-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.gayhotels-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #0a58fd;
}
.gayhotels-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.gayhotels-theme .no-hover-table tr:hover {
  background: white;
}
.gayhotels-theme .custom-standard-chip {
  background-color: rgba(10, 88, 253, 0.1) !important;
  color: #0a58fd !important;
}
.gayhotels-theme .help-dashboard-card .mat-icon {
  color: #0a58fd;
}
.gayhotels-theme .help-dashboard-card:hover {
  background-color: #0a58fd;
}
.gayhotels-theme .help-dashboard-card:hover .mat-icon,
.gayhotels-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.gayhotels-theme .room-open {
  background-color: #0a58fd !important;
  color: white !important;
}
.gayhotels-theme .room-open:hover {
  background-color: #0a58fd !important;
  color: white !important;
}
.gayhotels-theme #public-office-page-groups .public-group-button-hover {
  background-color: #0a58fd !important;
  color: white !important;
}
.gayhotels-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.gayhotels-theme .notification-container .show-tip {
  color: transparent;
}
.gayhotels-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.gayhotels-theme .notification-container:hover .show-tip {
  color: #0a58fd;
}
.gayhotels-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.gayhotels-theme .notification-container .notification-subject .mat-icon {
  color: #0a58fd;
}
.gayhotels-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.gayhotels-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.gayhotels-theme .message-container .show-tip {
  color: transparent;
}
.gayhotels-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.gayhotels-theme .message-container:hover .show-tip {
  color: #0a58fd;
}
.gayhotels-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.gayhotels-theme .message-container .message-subject .mat-icon {
  color: #0a58fd;
}
.gayhotels-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.gayhotels-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.gayhotels-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.gayhotels-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.gayhotels-theme .primary-200-outline input {
  caret-color: #85acfe;
  color: #0a58fd;
}
.gayhotels-theme .primary-200-outline label {
  color: #85acfe;
}
.gayhotels-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #85acfe !important;
}
.gayhotels-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #85acfe;
}
.gayhotels-theme mat-form-field .primary-outline label {
  color: #0a58fd !important;
}
.gayhotels-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #0a58fd !important;
}
.gayhotels-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #0a58fd !important;
}
.gayhotels-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.gayhotels-theme .input-primary input {
  caret-color: #0a58fd;
  color: #0a58fd;
}
.gayhotels-theme .input-primary label {
  color: #0a58fd;
}
.gayhotels-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #0a58fd !important;
}
.gayhotels-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.gayhotels-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #0a58fd;
  border-width: 1px;
}
.gayhotels-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.gayhotels-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.gayhotels-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.gayhotels-theme .boton-recarga {
  background-color: #0a58fd;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.gayhotels-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.gayhotels-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.gayhotels-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.gayhotels-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.gayhotels-theme .header-container button {
  padding: 0 !important;
}
.gayhotels-theme .header-container .mat-button {
  min-width: unset !important;
}
.gayhotels-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.gayhotels-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gayhotels-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.gayhotels-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.gayhotels-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.gayhotels-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.gayhotels-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.gayhotels-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.gayhotels-theme .input-recarga-marine {
  border: 1px solid #0a58fd !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.gayhotels-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.gayhotels-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.gayhotels-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.gayhotels-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.gayhotels-theme .color-primary {
  color: #0a58fd !important;
  fill: #0a58fd !important;
}
.gayhotels-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.gayhotels-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.gayhotels-theme .primary-contrast {
  color: #ffffff !important;
}
.gayhotels-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0a58fd !important;
}
.gayhotels-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0a58fd !important;
}
.gayhotels-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.gayhotels-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0a58fd !important;
}
.gayhotels-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.gayhotels-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.gayhotels-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.gayhotels-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #0a58fd !important;
}
.gayhotels-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #0a58fd !important;
}
.gayhotels-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #0a58fd !important;
}
.gayhotels-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #0a58fd !important;
}
.gayhotels-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0a58fd !important;
}
.gayhotels-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.gayhotels-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0a58fd !important;
}
.gayhotels-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.gayhotels-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0a58fd !important;
}
.gayhotels-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.gayhotels-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.gayhotels-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0a58fd !important;
}
.gayhotels-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.gayhotels-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.gayhotels-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0a58fd !important;
}
.gayhotels-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #0a58fd !important;
}
.gayhotels-theme .mat-checkbox-checked .mat-checkbox-background,
.gayhotels-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #0a58fd !important;
}
.gayhotels-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0a58fd !important;
}
.gayhotels-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.gayhotels-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0a58fd !important;
}
.gayhotels-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.gayhotels-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0a58fd !important;
}
.gayhotels-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #85acfe !important;
}
.gayhotels-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0a58fd !important;
}
.gayhotels-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.gayhotels-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.gayhotels-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.gayhotels-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.gayhotels-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #0a58fd !important;
}
.gayhotels-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0a58fd !important;
}
.gayhotels-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0a58fd !important;
}
.gayhotels-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.gayhotels-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0a58fd !important;
}
.gayhotels-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0a58fd !important;
}
.gayhotels-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0a58fd !important;
}
.gayhotels-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.gayhotels-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.gayhotels-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #0a58fd !important;
}
.gayhotels-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0a58fd !important;
}
.gayhotels-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.gayhotels-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.gayhotels-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0a58fd !important;
}
.gayhotels-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.gayhotels-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.gayhotels-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.gayhotels-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0a58fd !important;
}
.gayhotels-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.gayhotels-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0a58fd !important;
}
.gayhotels-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0a58fd !important;
}
.gayhotels-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0a58fd !important;
}
.gayhotels-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.gayhotels-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.gayhotels-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.gayhotels-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #0a58fd !important;
}
.gayhotels-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #0a58fd !important;
}
.gayhotels-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.gayhotels-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.gayhotels-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.gayhotels-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0a58fd !important;
}
.gayhotels-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0a58fd !important;
}
.gayhotels-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.gayhotels-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #0a58fd !important;
}
.gayhotels-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #0a58fd !important;
}
.gayhotels-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.gayhotels-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.gayhotels-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.gayhotels-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.gayhotels-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.gayhotels-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.gayhotels-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.gayhotels-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #bcc4ff !important;
}
.gayhotels-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #bcc4ff !important;
}
.gayhotels-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #bcc4ff !important;
}
.gayhotels-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #bcc4ff !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.gayhotels-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #bcc4ff !important;
}
.gayhotels-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #bcc4ff !important;
}
.gayhotels-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #0a58fd !important;
}
.gayhotels-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #0a58fd !important;
}
.gayhotels-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #0a58fd !important;
}
.gayhotels-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.gayhotels-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.gayhotels-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.gayhotels-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.gayhotels-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.gayhotels-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #0a58fd !important;
}
.gayhotels-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #0a58fd !important;
}
.gayhotels-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #0a58fd !important;
}
.gayhotels-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #0a58fd !important;
}
.gayhotels-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #0a58fd !important;
}
.gayhotels-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #0a58fd !important;
}
.gayhotels-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.gayhotels-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #0a58fd !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.gayhotels-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.gayhotels-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.gayhotels-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.gayhotels-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.gayhotels-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.gayhotels-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #ffffff !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.gayhotels-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #0a58fd !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #0a58fd !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.gayhotels-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #0a58fd !important;
}
.gayhotels-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.gayhotels-theme .button-text-hidden {
  display: none;
}
.granadacf-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #a61b2b;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #a61b2b 87%, transparent);
  --mat-form-field-filled-caret-color: #a61b2b;
  --mat-form-field-filled-focus-active-indicator-color: #a61b2b;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #a61b2b 87%, transparent);
  --mat-form-field-outlined-caret-color: #a61b2b;
  --mat-form-field-outlined-focus-outline-color: #a61b2b;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #a61b2b 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #185a7d;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #185a7d;
  --mat-form-field-filled-error-focus-label-text-color: #185a7d;
  --mat-form-field-filled-error-label-text-color: #185a7d;
  --mat-form-field-filled-error-caret-color: #185a7d;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #185a7d;
  --mat-form-field-filled-error-focus-active-indicator-color: #185a7d;
  --mat-form-field-filled-error-hover-active-indicator-color: #185a7d;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #185a7d;
  --mat-form-field-outlined-error-focus-label-text-color: #185a7d;
  --mat-form-field-outlined-error-label-text-color: #185a7d;
  --mat-form-field-outlined-error-hover-label-text-color: #185a7d;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #185a7d;
  --mat-form-field-outlined-error-hover-outline-color: #185a7d;
  --mat-form-field-outlined-error-outline-color: #185a7d;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #a61b2b;
  --mat-select-invalid-arrow-color: #185a7d;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #a61b2b;
  --mat-slide-toggle-selected-handle-color: #a61b2b;
  --mat-slide-toggle-selected-hover-state-layer-color: #a61b2b;
  --mat-slide-toggle-selected-pressed-state-layer-color: #a61b2b;
  --mat-slide-toggle-selected-focus-handle-color: #a61b2b;
  --mat-slide-toggle-selected-hover-handle-color: #a61b2b;
  --mat-slide-toggle-selected-pressed-handle-color: #a61b2b;
  --mat-slide-toggle-selected-focus-track-color: #c15f6b;
  --mat-slide-toggle-selected-hover-track-color: #c15f6b;
  --mat-slide-toggle-selected-pressed-track-color: #c15f6b;
  --mat-slide-toggle-selected-track-color: #c15f6b;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #a61b2b;
  --mat-slider-focus-handle-color: #a61b2b;
  --mat-slider-handle-color: #a61b2b;
  --mat-slider-hover-handle-color: #a61b2b;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #a61b2b 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #a61b2b 4%, transparent);
  --mat-slider-inactive-track-color: #a61b2b;
  --mat-slider-ripple-color: #a61b2b;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #a61b2b;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #c15f6b;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #a61b2b;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #a61b2b;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #a61b2b 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #a61b2b;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #a61b2b 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #a61b2b 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #a61b2b 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #a61b2b;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #a61b2b;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #a61b2b;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #a61b2b;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #185a7d;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #185a7d;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #a61b2b;
  --mat-slide-toggle-selected-handle-color: #a61b2b;
  --mat-slide-toggle-selected-hover-state-layer-color: #a61b2b;
  --mat-slide-toggle-selected-pressed-state-layer-color: #a61b2b;
  --mat-slide-toggle-selected-focus-handle-color: #a61b2b;
  --mat-slide-toggle-selected-hover-handle-color: #a61b2b;
  --mat-slide-toggle-selected-pressed-handle-color: #a61b2b;
  --mat-slide-toggle-selected-focus-track-color: #c15f6b;
  --mat-slide-toggle-selected-hover-track-color: #c15f6b;
  --mat-slide-toggle-selected-pressed-track-color: #c15f6b;
  --mat-slide-toggle-selected-track-color: #c15f6b;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.granadacf-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.granadacf-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #185a7d;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.granadacf-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #a61b2b;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #a61b2b;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.granadacf-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.granadacf-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #185a7d;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #185a7d;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.granadacf-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #a61b2b;
  --mat-progress-bar-track-color: rgba(166, 27, 43, 0.25);
}
.granadacf-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.granadacf-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #185a7d;
  --mat-progress-bar-track-color: rgba(24, 90, 125, 0.25);
}
.granadacf-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.granadacf-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #185a7d 87%, transparent);
  --mat-form-field-filled-caret-color: #185a7d;
  --mat-form-field-filled-focus-active-indicator-color: #185a7d;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #185a7d 87%, transparent);
  --mat-form-field-outlined-caret-color: #185a7d;
  --mat-form-field-outlined-focus-outline-color: #185a7d;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #185a7d 87%, transparent);
}
.granadacf-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #185a7d;
}
.granadacf-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #185a7d;
  --mat-select-invalid-arrow-color: #185a7d;
}
.granadacf-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.granadacf-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.granadacf-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.granadacf-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #a61b2b;
  --mat-chip-elevated-disabled-container-color: #a61b2b;
  --mat-chip-elevated-selected-container-color: #a61b2b;
  --mat-chip-flat-disabled-selected-container-color: #a61b2b;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.granadacf-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.granadacf-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.granadacf-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.granadacf-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #185a7d;
  --mat-chip-elevated-disabled-container-color: #185a7d;
  --mat-chip-elevated-selected-container-color: #185a7d;
  --mat-chip-flat-disabled-selected-container-color: #185a7d;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.granadacf-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.granadacf-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.granadacf-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.granadacf-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #185a7d;
  --mat-slide-toggle-selected-handle-color: #185a7d;
  --mat-slide-toggle-selected-hover-state-layer-color: #185a7d;
  --mat-slide-toggle-selected-pressed-state-layer-color: #185a7d;
  --mat-slide-toggle-selected-focus-handle-color: #185a7d;
  --mat-slide-toggle-selected-hover-handle-color: #185a7d;
  --mat-slide-toggle-selected-pressed-handle-color: #185a7d;
  --mat-slide-toggle-selected-focus-track-color: #5d8ca4;
  --mat-slide-toggle-selected-hover-track-color: #5d8ca4;
  --mat-slide-toggle-selected-pressed-track-color: #5d8ca4;
  --mat-slide-toggle-selected-track-color: #5d8ca4;
}
.granadacf-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.granadacf-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #a61b2b;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #a61b2b;
  --mat-radio-selected-hover-icon-color: #a61b2b;
  --mat-radio-selected-icon-color: #a61b2b;
  --mat-radio-selected-pressed-icon-color: #a61b2b;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.granadacf-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.granadacf-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #185a7d;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #185a7d;
  --mat-radio-selected-hover-icon-color: #185a7d;
  --mat-radio-selected-icon-color: #185a7d;
  --mat-radio-selected-pressed-icon-color: #185a7d;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.granadacf-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.granadacf-theme .mat-warn {
  --mat-slider-active-track-color: #185a7d;
  --mat-slider-focus-handle-color: #185a7d;
  --mat-slider-handle-color: #185a7d;
  --mat-slider-hover-handle-color: #185a7d;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #185a7d 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #185a7d 4%, transparent);
  --mat-slider-inactive-track-color: #185a7d;
  --mat-slider-ripple-color: #185a7d;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #185a7d;
}
.granadacf-theme .mdc-list-item__start,
.granadacf-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #a61b2b;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #a61b2b;
  --mat-radio-selected-hover-icon-color: #a61b2b;
  --mat-radio-selected-icon-color: #a61b2b;
  --mat-radio-selected-pressed-icon-color: #a61b2b;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.granadacf-theme .mat-accent .mdc-list-item__start,
.granadacf-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.granadacf-theme .mat-warn .mdc-list-item__start,
.granadacf-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #185a7d;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #185a7d;
  --mat-radio-selected-hover-icon-color: #185a7d;
  --mat-radio-selected-icon-color: #185a7d;
  --mat-radio-selected-pressed-icon-color: #185a7d;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.granadacf-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #a61b2b;
  --mat-checkbox-selected-hover-icon-color: #a61b2b;
  --mat-checkbox-selected-icon-color: #a61b2b;
  --mat-checkbox-selected-pressed-icon-color: #a61b2b;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #a61b2b;
  --mat-checkbox-selected-hover-state-layer-color: #a61b2b;
  --mat-checkbox-selected-pressed-state-layer-color: #a61b2b;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.granadacf-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.granadacf-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #185a7d;
  --mat-checkbox-selected-hover-icon-color: #185a7d;
  --mat-checkbox-selected-icon-color: #185a7d;
  --mat-checkbox-selected-pressed-icon-color: #185a7d;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #185a7d;
  --mat-checkbox-selected-hover-state-layer-color: #185a7d;
  --mat-checkbox-selected-pressed-state-layer-color: #185a7d;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.granadacf-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.granadacf-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.granadacf-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.granadacf-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #a61b2b;
}
.granadacf-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.granadacf-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.granadacf-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.granadacf-theme .mdc-list-item__start,
.granadacf-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.granadacf-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.granadacf-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.granadacf-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.granadacf-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.granadacf-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.granadacf-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.granadacf-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.granadacf-theme .mat-mdc-tab-group,
.granadacf-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #a61b2b;
  --mat-tab-active-ripple-color: #a61b2b;
  --mat-tab-inactive-ripple-color: #a61b2b;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #a61b2b;
  --mat-tab-active-hover-label-text-color: #a61b2b;
  --mat-tab-active-focus-indicator-color: #a61b2b;
  --mat-tab-active-hover-indicator-color: #a61b2b;
  --mat-tab-active-indicator-color: #a61b2b;
}
.granadacf-theme .mat-mdc-tab-group.mat-accent,
.granadacf-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.granadacf-theme .mat-mdc-tab-group.mat-warn,
.granadacf-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #185a7d;
  --mat-tab-active-ripple-color: #185a7d;
  --mat-tab-inactive-ripple-color: #185a7d;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #185a7d;
  --mat-tab-active-hover-label-text-color: #185a7d;
  --mat-tab-active-focus-indicator-color: #185a7d;
  --mat-tab-active-hover-indicator-color: #185a7d;
  --mat-tab-active-indicator-color: #185a7d;
}
.granadacf-theme .mat-mdc-tab-group.mat-background-primary,
.granadacf-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #a61b2b;
  --mat-tab-foreground-color: #ffffff;
}
.granadacf-theme .mat-mdc-tab-group.mat-background-accent,
.granadacf-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.granadacf-theme .mat-mdc-tab-group.mat-background-warn,
.granadacf-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #185a7d;
  --mat-tab-foreground-color: #ffffff;
}
.granadacf-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.granadacf-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.granadacf-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #a61b2b;
  --mat-checkbox-selected-hover-icon-color: #a61b2b;
  --mat-checkbox-selected-icon-color: #a61b2b;
  --mat-checkbox-selected-pressed-icon-color: #a61b2b;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #a61b2b;
  --mat-checkbox-selected-hover-state-layer-color: #a61b2b;
  --mat-checkbox-selected-pressed-state-layer-color: #a61b2b;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.granadacf-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #185a7d;
  --mat-checkbox-selected-hover-icon-color: #185a7d;
  --mat-checkbox-selected-icon-color: #185a7d;
  --mat-checkbox-selected-pressed-icon-color: #185a7d;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #185a7d;
  --mat-checkbox-selected-hover-state-layer-color: #185a7d;
  --mat-checkbox-selected-pressed-state-layer-color: #185a7d;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.granadacf-theme .mat-mdc-button.mat-primary,
.granadacf-theme .mat-mdc-unelevated-button.mat-primary,
.granadacf-theme .mat-mdc-raised-button.mat-primary,
.granadacf-theme .mat-mdc-outlined-button.mat-primary,
.granadacf-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #a61b2b;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #a61b2b;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #a61b2b 12%, transparent);
  --mat-button-outlined-state-layer-color: #a61b2b;
  --mat-button-protected-container-color: #a61b2b;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #a61b2b;
  --mat-button-text-ripple-color: color-mix(in srgb, #a61b2b 12%, transparent);
  --mat-button-text-state-layer-color: #a61b2b;
  --mat-button-tonal-container-color: #a61b2b;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.granadacf-theme .mat-mdc-button.mat-accent,
.granadacf-theme .mat-mdc-unelevated-button.mat-accent,
.granadacf-theme .mat-mdc-raised-button.mat-accent,
.granadacf-theme .mat-mdc-outlined-button.mat-accent,
.granadacf-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.granadacf-theme .mat-mdc-button.mat-warn,
.granadacf-theme .mat-mdc-unelevated-button.mat-warn,
.granadacf-theme .mat-mdc-raised-button.mat-warn,
.granadacf-theme .mat-mdc-outlined-button.mat-warn,
.granadacf-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #185a7d;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #185a7d;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #185a7d 12%, transparent);
  --mat-button-outlined-state-layer-color: #185a7d;
  --mat-button-protected-container-color: #185a7d;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #185a7d;
  --mat-button-text-ripple-color: color-mix(in srgb, #185a7d 12%, transparent);
  --mat-button-text-state-layer-color: #185a7d;
  --mat-button-tonal-container-color: #185a7d;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.granadacf-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #a61b2b;
  --mat-icon-button-state-layer-color: #a61b2b;
  --mat-icon-button-ripple-color: color-mix(in srgb, #a61b2b 12%, transparent);
}
.granadacf-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.granadacf-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #185a7d;
  --mat-icon-button-state-layer-color: #185a7d;
  --mat-icon-button-ripple-color: color-mix(in srgb, #185a7d 12%, transparent);
}
.granadacf-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.granadacf-theme .mat-mdc-fab.mat-primary,
.granadacf-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #a61b2b;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #a61b2b 12%, transparent);
  --mat-fab-small-container-color: #a61b2b;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.granadacf-theme .mat-mdc-fab.mat-accent,
.granadacf-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.granadacf-theme .mat-mdc-fab.mat-warn,
.granadacf-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #185a7d;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #185a7d 12%, transparent);
  --mat-fab-small-container-color: #185a7d;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.granadacf-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.granadacf-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #185a7d;
}
.granadacf-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.granadacf-theme .mat-badge-warn {
  --mat-badge-background-color: #185a7d;
  --mat-badge-text-color: #ffffff;
}
.granadacf-theme .mat-datepicker-content.mat-accent,
.granadacf-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.granadacf-theme .mat-datepicker-content.mat-warn,
.granadacf-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #185a7d 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #185a7d;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #185a7d 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #185a7d 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #185a7d 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #185a7d;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.granadacf-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.granadacf-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.granadacf-theme .mat-icon.mat-primary {
  --mat-icon-color: #a61b2b;
}
.granadacf-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.granadacf-theme .mat-icon.mat-warn {
  --mat-icon-color: #185a7d;
}
.granadacf-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.granadacf-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #185a7d;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #185a7d;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #185a7d;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.granadacf-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #a61b2b;
  --mat-toolbar-container-text-color: #ffffff;
}
.granadacf-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.granadacf-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #185a7d;
  --mat-toolbar-container-text-color: #ffffff;
}
.granadacf-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.granadacf-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #185a7d;
  --mat-slide-toggle-selected-handle-color: #185a7d;
  --mat-slide-toggle-selected-hover-state-layer-color: #185a7d;
  --mat-slide-toggle-selected-pressed-state-layer-color: #185a7d;
  --mat-slide-toggle-selected-focus-handle-color: #185a7d;
  --mat-slide-toggle-selected-hover-handle-color: #185a7d;
  --mat-slide-toggle-selected-pressed-handle-color: #185a7d;
  --mat-slide-toggle-selected-focus-track-color: #5d8ca4;
  --mat-slide-toggle-selected-hover-track-color: #5d8ca4;
  --mat-slide-toggle-selected-pressed-track-color: #5d8ca4;
  --mat-slide-toggle-selected-track-color: #5d8ca4;
}
.granadacf-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.granadacf-theme .back-container {
  color: #a61b2b;
}
.granadacf-theme .back-container:hover {
  opacity: 0.54;
}
.granadacf-theme .warn-text {
  color: #185a7d;
}
.granadacf-theme .inside-modal-title.primary-colored-title,
.granadacf-theme .form-title.primary-colored-title {
  color: #a61b2b;
}
.granadacf-theme .full-height-container form .button-container {
  background: white;
}
.granadacf-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.granadacf-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.granadacf-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.granadacf-theme .box-checkbox.active-box-checkbox {
  background-color: #a61b2b;
  color: white;
}
.granadacf-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.granadacf-theme .box-radio.active-box-radio {
  background-color: #a61b2b;
  color: white;
}
.granadacf-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.granadacf-theme .error {
  color: #185a7d;
}
.granadacf-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.granadacf-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.granadacf-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.granadacf-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.granadacf-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.granadacf-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.granadacf-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.granadacf-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.granadacf-theme .ql-snow .ql-picker-options {
  background: white;
}
.granadacf-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.granadacf-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.granadacf-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.granadacf-theme .ql-snow .ql-fill,
.granadacf-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.granadacf-theme .ql-snow.ql-toolbar button:hover,
.granadacf-theme .ql-snow .ql-toolbar button:hover,
.granadacf-theme .ql-snow.ql-toolbar button:focus,
.granadacf-theme .ql-snow .ql-toolbar button:focus,
.granadacf-theme .ql-snow.ql-toolbar button.ql-active,
.granadacf-theme .ql-snow .ql-toolbar button.ql-active,
.granadacf-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.granadacf-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.granadacf-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.granadacf-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.granadacf-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.granadacf-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.granadacf-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.granadacf-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.granadacf-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.granadacf-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.granadacf-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.granadacf-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.granadacf-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.granadacf-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.granadacf-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.granadacf-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.granadacf-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.granadacf-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.granadacf-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.granadacf-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.granadacf-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.granadacf-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.granadacf-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.granadacf-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.granadacf-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.granadacf-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.granadacf-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.granadacf-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.granadacf-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.granadacf-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.granadacf-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.granadacf-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.granadacf-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.granadacf-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.granadacf-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.granadacf-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.granadacf-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.granadacf-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.granadacf-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.granadacf-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.granadacf-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.granadacf-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.granadacf-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.granadacf-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.granadacf-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.granadacf-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.granadacf-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.granadacf-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.granadacf-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.granadacf-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.granadacf-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.granadacf-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.granadacf-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.granadacf-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.granadacf-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.granadacf-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.granadacf-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.granadacf-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.granadacf-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.granadacf-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.granadacf-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.granadacf-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.granadacf-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.granadacf-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.granadacf-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.granadacf-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.granadacf-theme bee-form-item {
  margin-right: 0 !important;
}
.granadacf-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.granadacf-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #a61b2b;
  height: 38px !important;
}
.granadacf-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.granadacf-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.granadacf-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.granadacf-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.granadacf-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.granadacf-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.granadacf-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.granadacf-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.granadacf-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .granadacf-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.granadacf-theme .general-container .label-wrapper label {
  color: #a61b2b !important;
  background-color: white;
}
.granadacf-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.granadacf-theme .general-container .label-wrapper label.selector-error {
  color: #185a7d;
}
.granadacf-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.granadacf-theme .general-container .bee-selector .bee-selector-container {
  border-color: #a61b2b !important;
}
.granadacf-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.granadacf-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.granadacf-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.granadacf-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.granadacf-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.granadacf-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.granadacf-theme .general-container .bee-selector .bee-selector-container:focus,
.granadacf-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #a61b2b;
}
.granadacf-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.granadacf-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #a61b2b;
}
.granadacf-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.granadacf-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #a61b2b;
}
.granadacf-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #185a7d;
}
.granadacf-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.granadacf-theme .general-container .bee-dropdown {
  background: white;
}
.granadacf-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #a61b2b;
}
.granadacf-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.granadacf-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.granadacf-theme .general-container .selector-error {
  color: #185a7d;
}
.granadacf-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.granadacf-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.granadacf-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.granadacf-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.granadacf-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #a61b2b;
}
.granadacf-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #185a7d;
}
.granadacf-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.granadacf-theme .move-image-action-container:hover {
  color: #a61b2b;
}
.granadacf-theme .info-icon {
  color: #a61b2b;
}
.granadacf-theme .email-chip {
  color: #a61b2b !important;
  background-color: rgba(166, 27, 43, 0.15) !important;
}
.granadacf-theme .email-chip .mat-chip-remove {
  color: #a61b2b !important;
  opacity: 1 !important;
}
.granadacf-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.granadacf-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.granadacf-theme .mat-badge-content {
  color: #a61b2b !important;
}
.granadacf-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #a61b2b !important;
}
.granadacf-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #a61b2b !important;
}
.granadacf-theme #circle-lleno {
  background: #ff444d;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.granadacf-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.granadacf-theme .marine-color {
  color: #0f223e !important;
}
.granadacf-theme .primary-color {
  color: #a61b2b !important;
}
.granadacf-theme .gray-color {
  color: #C0C4CA !important;
}
.granadacf-theme .primary-color-200 {
  color: #d38d95 !important;
}
.granadacf-theme svg.primary-fill-svg {
  fill: #a61b2b !important;
}
.granadacf-theme .primary-fill {
  fill: #a61b2b !important;
}
.granadacf-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.granadacf-theme .primary-border-50 {
  border-color: #f4e4e6 !important;
}
.granadacf-theme .primary-border-100 {
  border-color: #e4bbbf !important;
}
.granadacf-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.granadacf-theme .transparent-border-100 {
  border-color: transparent !important;
}
.granadacf-theme .primary-border-200 {
  border-color: #d38d95 !important;
}
.granadacf-theme .primary-indicator .mat-expansion-indicator:after {
  color: #a61b2b;
}
.granadacf-theme .contrast-background {
  background-color: #ffffff !important;
}
.granadacf-theme .primary-color-small {
  color: rgba(166, 27, 43, 0.6);
}
.granadacf-theme .marine-background {
  background-color: #0f223e !important;
}
.granadacf-theme .primary-background {
  background-color: #a61b2b !important;
}
.granadacf-theme .primary-background-50 {
  background-color: #f4e4e6 !important;
}
.granadacf-theme .primary-background-200 {
  background-color: #d38d95 !important;
}
.granadacf-theme .primary-background-800 {
  background-color: #8b101a !important;
}
.granadacf-theme .white-color {
  color: white !important;
}
.granadacf-theme .secondary-color {
  color: #ff444d !important;
}
.granadacf-theme .secondary-background {
  background-color: #ff444d !important;
}
.granadacf-theme .secondary-background-semi {
  background-color: #a61b2b !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #a61b2b !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.granadacf-theme .secondary-background-full {
  background-color: #a61b2b !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #a61b2b !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.granadacf-theme .secondary-background-empty {
  background-color: #a61b2b !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #a61b2b !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.granadacf-theme .secondary-border {
  background-color: #ff444d !important;
}
.granadacf-theme .tertiary-color {
  color: #ff444d !important;
}
.granadacf-theme button.button-tertiary {
  background-color: #ff444d !important;
  color: #a61b2b !important;
  border: 1px solid #a61b2b !important;
}
.granadacf-theme span.red-text {
  color: #DB1F35 !important;
}
.granadacf-theme .tertiary-background {
  background-color: #ff444d !important;
}
.granadacf-theme .tertiary-border {
  border-color: #ff444d !important;
}
.granadacf-theme .dark-background {
  background-color: black !important;
}
.granadacf-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.granadacf-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.granadacf-theme .primary-soft-background {
  background-color: rgba(166, 27, 43, 0.1) !important;
}
.granadacf-theme .primary-soft-background:hover {
  background-color: rgba(166, 27, 43, 0.15) !important;
}
.granadacf-theme .primary-border {
  border-color: #a61b2b !important;
}
.granadacf-theme .default-background {
  background-color: #fafafa !important;
}
.granadacf-theme .hover-primary:hover {
  color: #a61b2b !important;
}
.granadacf-theme .hover-primary-background:hover {
  background-color: #a61b2b !important;
}
.granadacf-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.granadacf-theme .warn-color {
  color: #185a7d !important;
}
.granadacf-theme .warn-border {
  border-color: #185a7d !important;
}
.granadacf-theme .accent-color {
  color: #fedd93 !important;
}
.granadacf-theme .accent-background {
  background-color: #fedd93 !important;
}
.granadacf-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.granadacf-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.granadacf-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.granadacf-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.granadacf-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.granadacf-theme .dialog-table tr .action-icon {
  color: transparent;
}
.granadacf-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.granadacf-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.granadacf-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #a61b2b;
}
.granadacf-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.granadacf-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.granadacf-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.granadacf-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.granadacf-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.granadacf-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.granadacf-theme .card-table tr .action-icon {
  color: transparent;
}
.granadacf-theme .card-table tr .action-icon button {
  color: transparent;
}
.granadacf-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.granadacf-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.granadacf-theme .card-table tr:hover .action-icon button {
  color: #a61b2b;
}
.granadacf-theme .card-table tr:hover .action-icon:hover {
  color: #a61b2b;
}
.granadacf-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.granadacf-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.granadacf-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.granadacf-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.granadacf-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #a61b2b;
}
.granadacf-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.granadacf-theme .no-hover-table tr:hover {
  background: white;
}
.granadacf-theme .custom-standard-chip {
  background-color: rgba(166, 27, 43, 0.1) !important;
  color: #a61b2b !important;
}
.granadacf-theme .help-dashboard-card .mat-icon {
  color: #a61b2b;
}
.granadacf-theme .help-dashboard-card:hover {
  background-color: #a61b2b;
}
.granadacf-theme .help-dashboard-card:hover .mat-icon,
.granadacf-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.granadacf-theme .room-open {
  background-color: #a61b2b !important;
  color: white !important;
}
.granadacf-theme .room-open:hover {
  background-color: #a61b2b !important;
  color: white !important;
}
.granadacf-theme #public-office-page-groups .public-group-button-hover {
  background-color: #a61b2b !important;
  color: white !important;
}
.granadacf-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.granadacf-theme .notification-container .show-tip {
  color: transparent;
}
.granadacf-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.granadacf-theme .notification-container:hover .show-tip {
  color: #a61b2b;
}
.granadacf-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.granadacf-theme .notification-container .notification-subject .mat-icon {
  color: #a61b2b;
}
.granadacf-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.granadacf-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.granadacf-theme .message-container .show-tip {
  color: transparent;
}
.granadacf-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.granadacf-theme .message-container:hover .show-tip {
  color: #a61b2b;
}
.granadacf-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.granadacf-theme .message-container .message-subject .mat-icon {
  color: #a61b2b;
}
.granadacf-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.granadacf-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.granadacf-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.granadacf-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.granadacf-theme .primary-200-outline input {
  caret-color: #d38d95;
  color: #a61b2b;
}
.granadacf-theme .primary-200-outline label {
  color: #d38d95;
}
.granadacf-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #d38d95 !important;
}
.granadacf-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #d38d95;
}
.granadacf-theme mat-form-field .primary-outline label {
  color: #a61b2b !important;
}
.granadacf-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #a61b2b !important;
}
.granadacf-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #a61b2b !important;
}
.granadacf-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.granadacf-theme .input-primary input {
  caret-color: #a61b2b;
  color: #a61b2b;
}
.granadacf-theme .input-primary label {
  color: #a61b2b;
}
.granadacf-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #a61b2b !important;
}
.granadacf-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.granadacf-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #a61b2b;
  border-width: 1px;
}
.granadacf-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.granadacf-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.granadacf-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.granadacf-theme .boton-recarga {
  background-color: #a61b2b;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.granadacf-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.granadacf-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.granadacf-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.granadacf-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.granadacf-theme .header-container button {
  padding: 0 !important;
}
.granadacf-theme .header-container .mat-button {
  min-width: unset !important;
}
.granadacf-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.granadacf-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.granadacf-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.granadacf-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.granadacf-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.granadacf-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.granadacf-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.granadacf-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.granadacf-theme .input-recarga-marine {
  border: 1px solid #a61b2b !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.granadacf-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.granadacf-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.granadacf-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.granadacf-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.granadacf-theme .color-primary {
  color: #a61b2b !important;
  fill: #a61b2b !important;
}
.granadacf-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.granadacf-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.granadacf-theme .primary-contrast {
  color: #ffffff !important;
}
.granadacf-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #a61b2b !important;
}
.granadacf-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #a61b2b !important;
}
.granadacf-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.granadacf-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #a61b2b !important;
}
.granadacf-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.granadacf-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.granadacf-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.granadacf-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #a61b2b !important;
}
.granadacf-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #a61b2b !important;
}
.granadacf-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #a61b2b !important;
}
.granadacf-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #a61b2b !important;
}
.granadacf-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #a61b2b !important;
}
.granadacf-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.granadacf-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #a61b2b !important;
}
.granadacf-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.granadacf-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #a61b2b !important;
}
.granadacf-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.granadacf-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.granadacf-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #a61b2b !important;
}
.granadacf-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #ff444d !important;
}
.granadacf-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.granadacf-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #a61b2b !important;
}
.granadacf-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #a61b2b !important;
}
.granadacf-theme .mat-checkbox-checked .mat-checkbox-background,
.granadacf-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #a61b2b !important;
}
.granadacf-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #a61b2b !important;
}
.granadacf-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.granadacf-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #a61b2b !important;
}
.granadacf-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.granadacf-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #a61b2b !important;
}
.granadacf-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #d38d95 !important;
}
.granadacf-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #a61b2b !important;
}
.granadacf-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.granadacf-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.granadacf-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.granadacf-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.granadacf-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #a61b2b !important;
}
.granadacf-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #a61b2b !important;
}
.granadacf-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #a61b2b !important;
}
.granadacf-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.granadacf-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #a61b2b !important;
}
.granadacf-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #a61b2b !important;
}
.granadacf-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #a61b2b !important;
}
.granadacf-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.granadacf-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.granadacf-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #a61b2b !important;
}
.granadacf-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #a61b2b !important;
}
.granadacf-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.granadacf-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.granadacf-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #a61b2b !important;
}
.granadacf-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.granadacf-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.granadacf-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.granadacf-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #a61b2b !important;
}
.granadacf-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.granadacf-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #a61b2b !important;
}
.granadacf-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #a61b2b !important;
}
.granadacf-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #a61b2b !important;
}
.granadacf-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.granadacf-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.granadacf-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.granadacf-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #a61b2b !important;
}
.granadacf-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #a61b2b !important;
}
.granadacf-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ff444d !important;
}
.granadacf-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ff444d !important;
}
.granadacf-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.granadacf-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #a61b2b !important;
}
.granadacf-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #a61b2b !important;
}
.granadacf-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #185a7d !important;
}
.granadacf-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #a61b2b !important;
}
.granadacf-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #a61b2b !important;
}
.granadacf-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.granadacf-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.granadacf-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.granadacf-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ff444d !important;
}
.granadacf-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ff444d !important;
}
.granadacf-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.granadacf-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.granadacf-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ff444d !important;
}
.granadacf-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ff444d !important;
}
.granadacf-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ff444d !important;
}
.granadacf-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ff444d !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.granadacf-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ff444d !important;
}
.granadacf-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #ff444d !important;
}
.granadacf-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #a61b2b !important;
}
.granadacf-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #a61b2b !important;
}
.granadacf-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #a61b2b !important;
}
.granadacf-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.granadacf-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.granadacf-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.granadacf-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.granadacf-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.granadacf-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #a61b2b !important;
}
.granadacf-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #a61b2b !important;
}
.granadacf-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #a61b2b !important;
}
.granadacf-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #a61b2b !important;
}
.granadacf-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #a61b2b !important;
}
.granadacf-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #a61b2b !important;
}
.granadacf-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.granadacf-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #a61b2b !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.granadacf-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.granadacf-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.granadacf-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.granadacf-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.granadacf-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.granadacf-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #ff444d !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.granadacf-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #a61b2b !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #a61b2b !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.granadacf-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #a61b2b !important;
}
.granadacf-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.granadacf-theme .button-text-hidden {
  display: none;
}
.faro-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #ff4927;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #ff4927 87%, transparent);
  --mat-form-field-filled-caret-color: #ff4927;
  --mat-form-field-filled-focus-active-indicator-color: #ff4927;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #ff4927 87%, transparent);
  --mat-form-field-outlined-caret-color: #ff4927;
  --mat-form-field-outlined-focus-outline-color: #ff4927;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #ff4927 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #185a7d;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #185a7d;
  --mat-form-field-filled-error-focus-label-text-color: #185a7d;
  --mat-form-field-filled-error-label-text-color: #185a7d;
  --mat-form-field-filled-error-caret-color: #185a7d;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #185a7d;
  --mat-form-field-filled-error-focus-active-indicator-color: #185a7d;
  --mat-form-field-filled-error-hover-active-indicator-color: #185a7d;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #185a7d;
  --mat-form-field-outlined-error-focus-label-text-color: #185a7d;
  --mat-form-field-outlined-error-label-text-color: #185a7d;
  --mat-form-field-outlined-error-hover-label-text-color: #185a7d;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #185a7d;
  --mat-form-field-outlined-error-hover-outline-color: #185a7d;
  --mat-form-field-outlined-error-outline-color: #185a7d;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #ff4927;
  --mat-select-invalid-arrow-color: #185a7d;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #ff4927;
  --mat-slide-toggle-selected-handle-color: #ff4927;
  --mat-slide-toggle-selected-hover-state-layer-color: #ff4927;
  --mat-slide-toggle-selected-pressed-state-layer-color: #ff4927;
  --mat-slide-toggle-selected-focus-handle-color: #ff4927;
  --mat-slide-toggle-selected-hover-handle-color: #ff4927;
  --mat-slide-toggle-selected-pressed-handle-color: #ff4927;
  --mat-slide-toggle-selected-focus-track-color: #ff8068;
  --mat-slide-toggle-selected-hover-track-color: #ff8068;
  --mat-slide-toggle-selected-pressed-track-color: #ff8068;
  --mat-slide-toggle-selected-track-color: #ff8068;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #ff4927;
  --mat-slider-focus-handle-color: #ff4927;
  --mat-slider-handle-color: #ff4927;
  --mat-slider-hover-handle-color: #ff4927;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #ff4927 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #ff4927 4%, transparent);
  --mat-slider-inactive-track-color: #ff4927;
  --mat-slider-ripple-color: #ff4927;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #ff4927;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #ff8068;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #ff4927;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #ff4927;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #ff4927 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #ff4927;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #ff4927 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #ff4927 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #ff4927 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #ff4927;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #ff4927;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #ff4927;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #ff4927;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #185a7d;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #185a7d;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #ff4927;
  --mat-slide-toggle-selected-handle-color: #ff4927;
  --mat-slide-toggle-selected-hover-state-layer-color: #ff4927;
  --mat-slide-toggle-selected-pressed-state-layer-color: #ff4927;
  --mat-slide-toggle-selected-focus-handle-color: #ff4927;
  --mat-slide-toggle-selected-hover-handle-color: #ff4927;
  --mat-slide-toggle-selected-pressed-handle-color: #ff4927;
  --mat-slide-toggle-selected-focus-track-color: #ff8068;
  --mat-slide-toggle-selected-hover-track-color: #ff8068;
  --mat-slide-toggle-selected-pressed-track-color: #ff8068;
  --mat-slide-toggle-selected-track-color: #ff8068;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.faro-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.faro-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #185a7d;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.faro-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #ff4927;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff4927;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.faro-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.faro-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #185a7d;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #185a7d;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.faro-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #ff4927;
  --mat-progress-bar-track-color: rgba(255, 73, 39, 0.25);
}
.faro-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.faro-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #185a7d;
  --mat-progress-bar-track-color: rgba(24, 90, 125, 0.25);
}
.faro-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.faro-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #185a7d 87%, transparent);
  --mat-form-field-filled-caret-color: #185a7d;
  --mat-form-field-filled-focus-active-indicator-color: #185a7d;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #185a7d 87%, transparent);
  --mat-form-field-outlined-caret-color: #185a7d;
  --mat-form-field-outlined-focus-outline-color: #185a7d;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #185a7d 87%, transparent);
}
.faro-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #185a7d;
}
.faro-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #185a7d;
  --mat-select-invalid-arrow-color: #185a7d;
}
.faro-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.faro-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.faro-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.faro-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #ff4927;
  --mat-chip-elevated-disabled-container-color: #ff4927;
  --mat-chip-elevated-selected-container-color: #ff4927;
  --mat-chip-flat-disabled-selected-container-color: #ff4927;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.faro-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.faro-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.faro-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.faro-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #185a7d;
  --mat-chip-elevated-disabled-container-color: #185a7d;
  --mat-chip-elevated-selected-container-color: #185a7d;
  --mat-chip-flat-disabled-selected-container-color: #185a7d;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.faro-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.faro-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.faro-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.faro-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #185a7d;
  --mat-slide-toggle-selected-handle-color: #185a7d;
  --mat-slide-toggle-selected-hover-state-layer-color: #185a7d;
  --mat-slide-toggle-selected-pressed-state-layer-color: #185a7d;
  --mat-slide-toggle-selected-focus-handle-color: #185a7d;
  --mat-slide-toggle-selected-hover-handle-color: #185a7d;
  --mat-slide-toggle-selected-pressed-handle-color: #185a7d;
  --mat-slide-toggle-selected-focus-track-color: #5d8ca4;
  --mat-slide-toggle-selected-hover-track-color: #5d8ca4;
  --mat-slide-toggle-selected-pressed-track-color: #5d8ca4;
  --mat-slide-toggle-selected-track-color: #5d8ca4;
}
.faro-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.faro-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #ff4927;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ff4927;
  --mat-radio-selected-hover-icon-color: #ff4927;
  --mat-radio-selected-icon-color: #ff4927;
  --mat-radio-selected-pressed-icon-color: #ff4927;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.faro-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.faro-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #185a7d;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #185a7d;
  --mat-radio-selected-hover-icon-color: #185a7d;
  --mat-radio-selected-icon-color: #185a7d;
  --mat-radio-selected-pressed-icon-color: #185a7d;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.faro-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.faro-theme .mat-warn {
  --mat-slider-active-track-color: #185a7d;
  --mat-slider-focus-handle-color: #185a7d;
  --mat-slider-handle-color: #185a7d;
  --mat-slider-hover-handle-color: #185a7d;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #185a7d 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #185a7d 4%, transparent);
  --mat-slider-inactive-track-color: #185a7d;
  --mat-slider-ripple-color: #185a7d;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #185a7d;
}
.faro-theme .mdc-list-item__start,
.faro-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #ff4927;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ff4927;
  --mat-radio-selected-hover-icon-color: #ff4927;
  --mat-radio-selected-icon-color: #ff4927;
  --mat-radio-selected-pressed-icon-color: #ff4927;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.faro-theme .mat-accent .mdc-list-item__start,
.faro-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.faro-theme .mat-warn .mdc-list-item__start,
.faro-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #185a7d;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #185a7d;
  --mat-radio-selected-hover-icon-color: #185a7d;
  --mat-radio-selected-icon-color: #185a7d;
  --mat-radio-selected-pressed-icon-color: #185a7d;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.faro-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #ff4927;
  --mat-checkbox-selected-hover-icon-color: #ff4927;
  --mat-checkbox-selected-icon-color: #ff4927;
  --mat-checkbox-selected-pressed-icon-color: #ff4927;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ff4927;
  --mat-checkbox-selected-hover-state-layer-color: #ff4927;
  --mat-checkbox-selected-pressed-state-layer-color: #ff4927;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.faro-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.faro-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #185a7d;
  --mat-checkbox-selected-hover-icon-color: #185a7d;
  --mat-checkbox-selected-icon-color: #185a7d;
  --mat-checkbox-selected-pressed-icon-color: #185a7d;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #185a7d;
  --mat-checkbox-selected-hover-state-layer-color: #185a7d;
  --mat-checkbox-selected-pressed-state-layer-color: #185a7d;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.faro-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.faro-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.faro-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.faro-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #ff4927;
}
.faro-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.faro-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.faro-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.faro-theme .mdc-list-item__start,
.faro-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.faro-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.faro-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.faro-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.faro-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.faro-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.faro-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.faro-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.faro-theme .mat-mdc-tab-group,
.faro-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #ff4927;
  --mat-tab-active-ripple-color: #ff4927;
  --mat-tab-inactive-ripple-color: #ff4927;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #ff4927;
  --mat-tab-active-hover-label-text-color: #ff4927;
  --mat-tab-active-focus-indicator-color: #ff4927;
  --mat-tab-active-hover-indicator-color: #ff4927;
  --mat-tab-active-indicator-color: #ff4927;
}
.faro-theme .mat-mdc-tab-group.mat-accent,
.faro-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.faro-theme .mat-mdc-tab-group.mat-warn,
.faro-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #185a7d;
  --mat-tab-active-ripple-color: #185a7d;
  --mat-tab-inactive-ripple-color: #185a7d;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #185a7d;
  --mat-tab-active-hover-label-text-color: #185a7d;
  --mat-tab-active-focus-indicator-color: #185a7d;
  --mat-tab-active-hover-indicator-color: #185a7d;
  --mat-tab-active-indicator-color: #185a7d;
}
.faro-theme .mat-mdc-tab-group.mat-background-primary,
.faro-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #ff4927;
  --mat-tab-foreground-color: #ffffff;
}
.faro-theme .mat-mdc-tab-group.mat-background-accent,
.faro-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.faro-theme .mat-mdc-tab-group.mat-background-warn,
.faro-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #185a7d;
  --mat-tab-foreground-color: #ffffff;
}
.faro-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.faro-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.faro-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #ff4927;
  --mat-checkbox-selected-hover-icon-color: #ff4927;
  --mat-checkbox-selected-icon-color: #ff4927;
  --mat-checkbox-selected-pressed-icon-color: #ff4927;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ff4927;
  --mat-checkbox-selected-hover-state-layer-color: #ff4927;
  --mat-checkbox-selected-pressed-state-layer-color: #ff4927;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.faro-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #185a7d;
  --mat-checkbox-selected-hover-icon-color: #185a7d;
  --mat-checkbox-selected-icon-color: #185a7d;
  --mat-checkbox-selected-pressed-icon-color: #185a7d;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #185a7d;
  --mat-checkbox-selected-hover-state-layer-color: #185a7d;
  --mat-checkbox-selected-pressed-state-layer-color: #185a7d;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.faro-theme .mat-mdc-button.mat-primary,
.faro-theme .mat-mdc-unelevated-button.mat-primary,
.faro-theme .mat-mdc-raised-button.mat-primary,
.faro-theme .mat-mdc-outlined-button.mat-primary,
.faro-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #ff4927;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #ff4927;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #ff4927 12%, transparent);
  --mat-button-outlined-state-layer-color: #ff4927;
  --mat-button-protected-container-color: #ff4927;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #ff4927;
  --mat-button-text-ripple-color: color-mix(in srgb, #ff4927 12%, transparent);
  --mat-button-text-state-layer-color: #ff4927;
  --mat-button-tonal-container-color: #ff4927;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.faro-theme .mat-mdc-button.mat-accent,
.faro-theme .mat-mdc-unelevated-button.mat-accent,
.faro-theme .mat-mdc-raised-button.mat-accent,
.faro-theme .mat-mdc-outlined-button.mat-accent,
.faro-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.faro-theme .mat-mdc-button.mat-warn,
.faro-theme .mat-mdc-unelevated-button.mat-warn,
.faro-theme .mat-mdc-raised-button.mat-warn,
.faro-theme .mat-mdc-outlined-button.mat-warn,
.faro-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #185a7d;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #185a7d;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #185a7d 12%, transparent);
  --mat-button-outlined-state-layer-color: #185a7d;
  --mat-button-protected-container-color: #185a7d;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #185a7d;
  --mat-button-text-ripple-color: color-mix(in srgb, #185a7d 12%, transparent);
  --mat-button-text-state-layer-color: #185a7d;
  --mat-button-tonal-container-color: #185a7d;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.faro-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #ff4927;
  --mat-icon-button-state-layer-color: #ff4927;
  --mat-icon-button-ripple-color: color-mix(in srgb, #ff4927 12%, transparent);
}
.faro-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.faro-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #185a7d;
  --mat-icon-button-state-layer-color: #185a7d;
  --mat-icon-button-ripple-color: color-mix(in srgb, #185a7d 12%, transparent);
}
.faro-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.faro-theme .mat-mdc-fab.mat-primary,
.faro-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #ff4927;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #ff4927 12%, transparent);
  --mat-fab-small-container-color: #ff4927;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.faro-theme .mat-mdc-fab.mat-accent,
.faro-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.faro-theme .mat-mdc-fab.mat-warn,
.faro-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #185a7d;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #185a7d 12%, transparent);
  --mat-fab-small-container-color: #185a7d;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.faro-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.faro-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #185a7d;
}
.faro-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.faro-theme .mat-badge-warn {
  --mat-badge-background-color: #185a7d;
  --mat-badge-text-color: #ffffff;
}
.faro-theme .mat-datepicker-content.mat-accent,
.faro-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.faro-theme .mat-datepicker-content.mat-warn,
.faro-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #185a7d 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #185a7d;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #185a7d 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #185a7d 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #185a7d 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #185a7d;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.faro-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.faro-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.faro-theme .mat-icon.mat-primary {
  --mat-icon-color: #ff4927;
}
.faro-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.faro-theme .mat-icon.mat-warn {
  --mat-icon-color: #185a7d;
}
.faro-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.faro-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #185a7d;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #185a7d;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #185a7d;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.faro-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #ff4927;
  --mat-toolbar-container-text-color: #ffffff;
}
.faro-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.faro-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #185a7d;
  --mat-toolbar-container-text-color: #ffffff;
}
.faro-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.faro-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #185a7d;
  --mat-slide-toggle-selected-handle-color: #185a7d;
  --mat-slide-toggle-selected-hover-state-layer-color: #185a7d;
  --mat-slide-toggle-selected-pressed-state-layer-color: #185a7d;
  --mat-slide-toggle-selected-focus-handle-color: #185a7d;
  --mat-slide-toggle-selected-hover-handle-color: #185a7d;
  --mat-slide-toggle-selected-pressed-handle-color: #185a7d;
  --mat-slide-toggle-selected-focus-track-color: #5d8ca4;
  --mat-slide-toggle-selected-hover-track-color: #5d8ca4;
  --mat-slide-toggle-selected-pressed-track-color: #5d8ca4;
  --mat-slide-toggle-selected-track-color: #5d8ca4;
}
.faro-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.faro-theme .back-container {
  color: #ff4927;
}
.faro-theme .back-container:hover {
  opacity: 0.54;
}
.faro-theme .warn-text {
  color: #185a7d;
}
.faro-theme .inside-modal-title.primary-colored-title,
.faro-theme .form-title.primary-colored-title {
  color: #ff4927;
}
.faro-theme .full-height-container form .button-container {
  background: white;
}
.faro-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.faro-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.faro-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.faro-theme .box-checkbox.active-box-checkbox {
  background-color: #ff4927;
  color: white;
}
.faro-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.faro-theme .box-radio.active-box-radio {
  background-color: #ff4927;
  color: white;
}
.faro-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.faro-theme .error {
  color: #185a7d;
}
.faro-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.faro-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.faro-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.faro-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.faro-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.faro-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.faro-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.faro-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.faro-theme .ql-snow .ql-picker-options {
  background: white;
}
.faro-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.faro-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.faro-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.faro-theme .ql-snow .ql-fill,
.faro-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.faro-theme .ql-snow.ql-toolbar button:hover,
.faro-theme .ql-snow .ql-toolbar button:hover,
.faro-theme .ql-snow.ql-toolbar button:focus,
.faro-theme .ql-snow .ql-toolbar button:focus,
.faro-theme .ql-snow.ql-toolbar button.ql-active,
.faro-theme .ql-snow .ql-toolbar button.ql-active,
.faro-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.faro-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.faro-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.faro-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.faro-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.faro-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.faro-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.faro-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.faro-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.faro-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.faro-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.faro-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.faro-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.faro-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.faro-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.faro-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.faro-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.faro-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.faro-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.faro-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.faro-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.faro-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.faro-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.faro-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.faro-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.faro-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.faro-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.faro-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.faro-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.faro-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.faro-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.faro-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.faro-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.faro-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.faro-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.faro-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.faro-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.faro-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.faro-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.faro-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.faro-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.faro-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.faro-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.faro-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.faro-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.faro-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.faro-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.faro-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.faro-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.faro-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.faro-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.faro-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.faro-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.faro-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.faro-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.faro-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.faro-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.faro-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.faro-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.faro-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.faro-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.faro-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.faro-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.faro-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.faro-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.faro-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.faro-theme bee-form-item {
  margin-right: 0 !important;
}
.faro-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.faro-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #ff4927;
  height: 38px !important;
}
.faro-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.faro-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.faro-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.faro-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.faro-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.faro-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.faro-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.faro-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.faro-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .faro-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.faro-theme .general-container .label-wrapper label {
  color: #ff4927 !important;
  background-color: white;
}
.faro-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.faro-theme .general-container .label-wrapper label.selector-error {
  color: #185a7d;
}
.faro-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.faro-theme .general-container .bee-selector .bee-selector-container {
  border-color: #ff4927 !important;
}
.faro-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.faro-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.faro-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.faro-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.faro-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.faro-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.faro-theme .general-container .bee-selector .bee-selector-container:focus,
.faro-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #ff4927;
}
.faro-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.faro-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #ff4927;
}
.faro-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.faro-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #ff4927;
}
.faro-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #185a7d;
}
.faro-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.faro-theme .general-container .bee-dropdown {
  background: white;
}
.faro-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #ff4927;
}
.faro-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.faro-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.faro-theme .general-container .selector-error {
  color: #185a7d;
}
.faro-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.faro-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.faro-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.faro-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.faro-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #ff4927;
}
.faro-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #185a7d;
}
.faro-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.faro-theme .move-image-action-container:hover {
  color: #ff4927;
}
.faro-theme .info-icon {
  color: #ff4927;
}
.faro-theme .email-chip {
  color: #ff4927 !important;
  background-color: rgba(255, 73, 39, 0.15) !important;
}
.faro-theme .email-chip .mat-chip-remove {
  color: #ff4927 !important;
  opacity: 1 !important;
}
.faro-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.faro-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.faro-theme .mat-badge-content {
  color: #ff4927 !important;
}
.faro-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #ff4927 !important;
}
.faro-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #ff4927 !important;
}
.faro-theme #circle-lleno {
  background: #ff6447;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.faro-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.faro-theme .marine-color {
  color: #0f223e !important;
}
.faro-theme .primary-color {
  color: #ff4927 !important;
}
.faro-theme .gray-color {
  color: #C0C4CA !important;
}
.faro-theme .primary-color-200 {
  color: #ffa493 !important;
}
.faro-theme svg.primary-fill-svg {
  fill: #ff4927 !important;
}
.faro-theme .primary-fill {
  fill: #ff4927 !important;
}
.faro-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.faro-theme .primary-border-50 {
  border-color: #ffe9e5 !important;
}
.faro-theme .primary-border-100 {
  border-color: #ffc8be !important;
}
.faro-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.faro-theme .transparent-border-100 {
  border-color: transparent !important;
}
.faro-theme .primary-border-200 {
  border-color: #ffa493 !important;
}
.faro-theme .primary-indicator .mat-expansion-indicator:after {
  color: #ff4927;
}
.faro-theme .contrast-background {
  background-color: #ffffff !important;
}
.faro-theme .primary-color-small {
  color: rgba(255, 73, 39, 0.6);
}
.faro-theme .marine-background {
  background-color: #0f223e !important;
}
.faro-theme .primary-background {
  background-color: #ff4927 !important;
}
.faro-theme .primary-background-50 {
  background-color: #ffe9e5 !important;
}
.faro-theme .primary-background-200 {
  background-color: #ffa493 !important;
}
.faro-theme .primary-background-800 {
  background-color: #ff3117 !important;
}
.faro-theme .white-color {
  color: white !important;
}
.faro-theme .secondary-color {
  color: #ff6447 !important;
}
.faro-theme .secondary-background {
  background-color: #ff6447 !important;
}
.faro-theme .secondary-background-semi {
  background-color: #ff4927 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #ff4927 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.faro-theme .secondary-background-full {
  background-color: #ff4927 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #ff4927 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.faro-theme .secondary-background-empty {
  background-color: #ff4927 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #ff4927 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.faro-theme .secondary-border {
  background-color: #ff6447 !important;
}
.faro-theme .tertiary-color {
  color: #ff6447 !important;
}
.faro-theme button.button-tertiary {
  background-color: #ff6447 !important;
  color: #ff4927 !important;
  border: 1px solid #ff4927 !important;
}
.faro-theme span.red-text {
  color: #DB1F35 !important;
}
.faro-theme .tertiary-background {
  background-color: #ff6447 !important;
}
.faro-theme .tertiary-border {
  border-color: #ff6447 !important;
}
.faro-theme .dark-background {
  background-color: black !important;
}
.faro-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.faro-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.faro-theme .primary-soft-background {
  background-color: rgba(255, 73, 39, 0.1) !important;
}
.faro-theme .primary-soft-background:hover {
  background-color: rgba(255, 73, 39, 0.15) !important;
}
.faro-theme .primary-border {
  border-color: #ff4927 !important;
}
.faro-theme .default-background {
  background-color: #fafafa !important;
}
.faro-theme .hover-primary:hover {
  color: #ff4927 !important;
}
.faro-theme .hover-primary-background:hover {
  background-color: #ff4927 !important;
}
.faro-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.faro-theme .warn-color {
  color: #185a7d !important;
}
.faro-theme .warn-border {
  border-color: #185a7d !important;
}
.faro-theme .accent-color {
  color: #fedd93 !important;
}
.faro-theme .accent-background {
  background-color: #fedd93 !important;
}
.faro-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.faro-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.faro-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.faro-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.faro-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.faro-theme .dialog-table tr .action-icon {
  color: transparent;
}
.faro-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.faro-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.faro-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #ff4927;
}
.faro-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.faro-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.faro-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.faro-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.faro-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.faro-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.faro-theme .card-table tr .action-icon {
  color: transparent;
}
.faro-theme .card-table tr .action-icon button {
  color: transparent;
}
.faro-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.faro-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.faro-theme .card-table tr:hover .action-icon button {
  color: #ff4927;
}
.faro-theme .card-table tr:hover .action-icon:hover {
  color: #ff4927;
}
.faro-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.faro-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.faro-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.faro-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.faro-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #ff4927;
}
.faro-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.faro-theme .no-hover-table tr:hover {
  background: white;
}
.faro-theme .custom-standard-chip {
  background-color: rgba(255, 73, 39, 0.1) !important;
  color: #ff4927 !important;
}
.faro-theme .help-dashboard-card .mat-icon {
  color: #ff4927;
}
.faro-theme .help-dashboard-card:hover {
  background-color: #ff4927;
}
.faro-theme .help-dashboard-card:hover .mat-icon,
.faro-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.faro-theme .room-open {
  background-color: #ff4927 !important;
  color: white !important;
}
.faro-theme .room-open:hover {
  background-color: #ff4927 !important;
  color: white !important;
}
.faro-theme #public-office-page-groups .public-group-button-hover {
  background-color: #ff4927 !important;
  color: white !important;
}
.faro-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.faro-theme .notification-container .show-tip {
  color: transparent;
}
.faro-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.faro-theme .notification-container:hover .show-tip {
  color: #ff4927;
}
.faro-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.faro-theme .notification-container .notification-subject .mat-icon {
  color: #ff4927;
}
.faro-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.faro-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.faro-theme .message-container .show-tip {
  color: transparent;
}
.faro-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.faro-theme .message-container:hover .show-tip {
  color: #ff4927;
}
.faro-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.faro-theme .message-container .message-subject .mat-icon {
  color: #ff4927;
}
.faro-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.faro-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.faro-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.faro-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.faro-theme .primary-200-outline input {
  caret-color: #ffa493;
  color: #ff4927;
}
.faro-theme .primary-200-outline label {
  color: #ffa493;
}
.faro-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #ffa493 !important;
}
.faro-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #ffa493;
}
.faro-theme mat-form-field .primary-outline label {
  color: #ff4927 !important;
}
.faro-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #ff4927 !important;
}
.faro-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #ff4927 !important;
}
.faro-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.faro-theme .input-primary input {
  caret-color: #ff4927;
  color: #ff4927;
}
.faro-theme .input-primary label {
  color: #ff4927;
}
.faro-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #ff4927 !important;
}
.faro-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.faro-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #ff4927;
  border-width: 1px;
}
.faro-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.faro-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.faro-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.faro-theme .boton-recarga {
  background-color: #ff4927;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.faro-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.faro-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
}
.faro-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.faro-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.faro-theme .header-container button {
  padding: 0 !important;
}
.faro-theme .header-container .mat-button {
  min-width: unset !important;
}
.faro-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.faro-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.faro-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.faro-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.faro-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.faro-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.faro-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.faro-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.faro-theme .input-recarga-marine {
  border: 1px solid #ff4927 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.faro-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.faro-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.faro-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.faro-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.faro-theme .color-primary {
  color: #ff4927 !important;
  fill: #ff4927 !important;
}
.faro-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.faro-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.faro-theme .primary-contrast {
  color: #ffffff !important;
}
.faro-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #ff4927 !important;
}
.faro-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #ff4927 !important;
}
.faro-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.faro-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #ff4927 !important;
}
.faro-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.faro-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.faro-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.faro-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #ff4927 !important;
}
.faro-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #ff4927 !important;
}
.faro-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #ff4927 !important;
}
.faro-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #ff4927 !important;
}
.faro-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ff4927 !important;
}
.faro-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.faro-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ff4927 !important;
}
.faro-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.faro-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #ff4927 !important;
}
.faro-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.faro-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.faro-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #ff4927 !important;
}
.faro-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #ff6447 !important;
}
.faro-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.faro-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ff4927 !important;
}
.faro-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #ff4927 !important;
}
.faro-theme .mat-checkbox-checked .mat-checkbox-background,
.faro-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #ff4927 !important;
}
.faro-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #ff4927 !important;
}
.faro-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.faro-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ff4927 !important;
}
.faro-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.faro-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #ff4927 !important;
}
.faro-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffa493 !important;
}
.faro-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #ff4927 !important;
}
.faro-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.faro-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.faro-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.faro-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.faro-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ff4927 !important;
}
.faro-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ff4927 !important;
}
.faro-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ff4927 !important;
}
.faro-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.faro-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ff4927 !important;
}
.faro-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ff4927 !important;
}
.faro-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ff4927 !important;
}
.faro-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.faro-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.faro-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ff4927 !important;
}
.faro-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ff4927 !important;
}
.faro-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.faro-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.faro-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ff4927 !important;
}
.faro-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.faro-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.faro-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.faro-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ff4927 !important;
}
.faro-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.faro-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ff4927 !important;
}
.faro-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ff4927 !important;
}
.faro-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ff4927 !important;
}
.faro-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.faro-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.faro-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.faro-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #ff4927 !important;
}
.faro-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ff4927 !important;
}
.faro-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ff6447 !important;
}
.faro-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ff6447 !important;
}
.faro-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.faro-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ff4927 !important;
}
.faro-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ff4927 !important;
}
.faro-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #185a7d !important;
}
.faro-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ff4927 !important;
}
.faro-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ff4927 !important;
}
.faro-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.faro-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.faro-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.faro-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ff6447 !important;
}
.faro-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ff6447 !important;
}
.faro-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.faro-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.faro-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ff6447 !important;
}
.faro-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ff6447 !important;
}
.faro-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ff6447 !important;
}
.faro-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ff6447 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.faro-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ff6447 !important;
}
.faro-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #ff6447 !important;
}
.faro-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #ff4927 !important;
}
.faro-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #ff4927 !important;
}
.faro-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #ff4927 !important;
}
.faro-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.faro-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.faro-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.faro-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.faro-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.faro-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #ff4927 !important;
}
.faro-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #ff4927 !important;
}
.faro-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #ff4927 !important;
}
.faro-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #ff4927 !important;
}
.faro-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ff4927 !important;
}
.faro-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ff4927 !important;
}
.faro-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.faro-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #ff4927 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.faro-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.faro-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.faro-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.faro-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.faro-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.faro-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #ff6447 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.faro-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #ff4927 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #ff4927 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.faro-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #ff4927 !important;
}
.faro-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.faro-theme .button-text-hidden {
  display: none;
}
.barrokos-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #5c004b;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #5c004b 87%, transparent);
  --mat-form-field-filled-caret-color: #5c004b;
  --mat-form-field-filled-focus-active-indicator-color: #5c004b;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #5c004b 87%, transparent);
  --mat-form-field-outlined-caret-color: #5c004b;
  --mat-form-field-outlined-focus-outline-color: #5c004b;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #5c004b 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #5c004b;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #5c004b;
  --mat-slide-toggle-selected-handle-color: #5c004b;
  --mat-slide-toggle-selected-hover-state-layer-color: #5c004b;
  --mat-slide-toggle-selected-pressed-state-layer-color: #5c004b;
  --mat-slide-toggle-selected-focus-handle-color: #5c004b;
  --mat-slide-toggle-selected-hover-handle-color: #5c004b;
  --mat-slide-toggle-selected-pressed-handle-color: #5c004b;
  --mat-slide-toggle-selected-focus-track-color: #8d4d81;
  --mat-slide-toggle-selected-hover-track-color: #8d4d81;
  --mat-slide-toggle-selected-pressed-track-color: #8d4d81;
  --mat-slide-toggle-selected-track-color: #8d4d81;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #5c004b;
  --mat-slider-focus-handle-color: #5c004b;
  --mat-slider-handle-color: #5c004b;
  --mat-slider-hover-handle-color: #5c004b;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #5c004b 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #5c004b 4%, transparent);
  --mat-slider-inactive-track-color: #5c004b;
  --mat-slider-ripple-color: #5c004b;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #5c004b;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #8d4d81;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #5c004b;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #5c004b;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #5c004b 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #5c004b;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #5c004b 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #5c004b 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #5c004b 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #5c004b;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #5c004b;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #5c004b;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #5c004b;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #5c004b;
  --mat-slide-toggle-selected-handle-color: #5c004b;
  --mat-slide-toggle-selected-hover-state-layer-color: #5c004b;
  --mat-slide-toggle-selected-pressed-state-layer-color: #5c004b;
  --mat-slide-toggle-selected-focus-handle-color: #5c004b;
  --mat-slide-toggle-selected-hover-handle-color: #5c004b;
  --mat-slide-toggle-selected-pressed-handle-color: #5c004b;
  --mat-slide-toggle-selected-focus-track-color: #8d4d81;
  --mat-slide-toggle-selected-hover-track-color: #8d4d81;
  --mat-slide-toggle-selected-pressed-track-color: #8d4d81;
  --mat-slide-toggle-selected-track-color: #8d4d81;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.barrokos-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.barrokos-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.barrokos-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #5c004b;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #5c004b;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.barrokos-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.barrokos-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.barrokos-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #5c004b;
  --mat-progress-bar-track-color: rgba(92, 0, 75, 0.25);
}
.barrokos-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.barrokos-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.barrokos-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.barrokos-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.barrokos-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.barrokos-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.barrokos-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.barrokos-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.barrokos-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.barrokos-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #5c004b;
  --mat-chip-elevated-disabled-container-color: #5c004b;
  --mat-chip-elevated-selected-container-color: #5c004b;
  --mat-chip-flat-disabled-selected-container-color: #5c004b;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.barrokos-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.barrokos-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.barrokos-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.barrokos-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.barrokos-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.barrokos-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.barrokos-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.barrokos-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.barrokos-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.barrokos-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #5c004b;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #5c004b;
  --mat-radio-selected-hover-icon-color: #5c004b;
  --mat-radio-selected-icon-color: #5c004b;
  --mat-radio-selected-pressed-icon-color: #5c004b;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.barrokos-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.barrokos-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.barrokos-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.barrokos-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.barrokos-theme .mdc-list-item__start,
.barrokos-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #5c004b;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #5c004b;
  --mat-radio-selected-hover-icon-color: #5c004b;
  --mat-radio-selected-icon-color: #5c004b;
  --mat-radio-selected-pressed-icon-color: #5c004b;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.barrokos-theme .mat-accent .mdc-list-item__start,
.barrokos-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.barrokos-theme .mat-warn .mdc-list-item__start,
.barrokos-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.barrokos-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #5c004b;
  --mat-checkbox-selected-hover-icon-color: #5c004b;
  --mat-checkbox-selected-icon-color: #5c004b;
  --mat-checkbox-selected-pressed-icon-color: #5c004b;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #5c004b;
  --mat-checkbox-selected-hover-state-layer-color: #5c004b;
  --mat-checkbox-selected-pressed-state-layer-color: #5c004b;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.barrokos-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.barrokos-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.barrokos-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.barrokos-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.barrokos-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.barrokos-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #5c004b;
}
.barrokos-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.barrokos-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.barrokos-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.barrokos-theme .mdc-list-item__start,
.barrokos-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.barrokos-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.barrokos-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.barrokos-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.barrokos-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.barrokos-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.barrokos-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.barrokos-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.barrokos-theme .mat-mdc-tab-group,
.barrokos-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #5c004b;
  --mat-tab-active-ripple-color: #5c004b;
  --mat-tab-inactive-ripple-color: #5c004b;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #5c004b;
  --mat-tab-active-hover-label-text-color: #5c004b;
  --mat-tab-active-focus-indicator-color: #5c004b;
  --mat-tab-active-hover-indicator-color: #5c004b;
  --mat-tab-active-indicator-color: #5c004b;
}
.barrokos-theme .mat-mdc-tab-group.mat-accent,
.barrokos-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.barrokos-theme .mat-mdc-tab-group.mat-warn,
.barrokos-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.barrokos-theme .mat-mdc-tab-group.mat-background-primary,
.barrokos-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #5c004b;
  --mat-tab-foreground-color: #ffffff;
}
.barrokos-theme .mat-mdc-tab-group.mat-background-accent,
.barrokos-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.barrokos-theme .mat-mdc-tab-group.mat-background-warn,
.barrokos-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.barrokos-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.barrokos-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.barrokos-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #5c004b;
  --mat-checkbox-selected-hover-icon-color: #5c004b;
  --mat-checkbox-selected-icon-color: #5c004b;
  --mat-checkbox-selected-pressed-icon-color: #5c004b;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #5c004b;
  --mat-checkbox-selected-hover-state-layer-color: #5c004b;
  --mat-checkbox-selected-pressed-state-layer-color: #5c004b;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.barrokos-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.barrokos-theme .mat-mdc-button.mat-primary,
.barrokos-theme .mat-mdc-unelevated-button.mat-primary,
.barrokos-theme .mat-mdc-raised-button.mat-primary,
.barrokos-theme .mat-mdc-outlined-button.mat-primary,
.barrokos-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #5c004b;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #5c004b;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #5c004b 12%, transparent);
  --mat-button-outlined-state-layer-color: #5c004b;
  --mat-button-protected-container-color: #5c004b;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #5c004b;
  --mat-button-text-ripple-color: color-mix(in srgb, #5c004b 12%, transparent);
  --mat-button-text-state-layer-color: #5c004b;
  --mat-button-tonal-container-color: #5c004b;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.barrokos-theme .mat-mdc-button.mat-accent,
.barrokos-theme .mat-mdc-unelevated-button.mat-accent,
.barrokos-theme .mat-mdc-raised-button.mat-accent,
.barrokos-theme .mat-mdc-outlined-button.mat-accent,
.barrokos-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.barrokos-theme .mat-mdc-button.mat-warn,
.barrokos-theme .mat-mdc-unelevated-button.mat-warn,
.barrokos-theme .mat-mdc-raised-button.mat-warn,
.barrokos-theme .mat-mdc-outlined-button.mat-warn,
.barrokos-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.barrokos-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #5c004b;
  --mat-icon-button-state-layer-color: #5c004b;
  --mat-icon-button-ripple-color: color-mix(in srgb, #5c004b 12%, transparent);
}
.barrokos-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.barrokos-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.barrokos-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.barrokos-theme .mat-mdc-fab.mat-primary,
.barrokos-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #5c004b;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #5c004b 12%, transparent);
  --mat-fab-small-container-color: #5c004b;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.barrokos-theme .mat-mdc-fab.mat-accent,
.barrokos-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.barrokos-theme .mat-mdc-fab.mat-warn,
.barrokos-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.barrokos-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.barrokos-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.barrokos-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.barrokos-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.barrokos-theme .mat-datepicker-content.mat-accent,
.barrokos-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.barrokos-theme .mat-datepicker-content.mat-warn,
.barrokos-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.barrokos-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.barrokos-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.barrokos-theme .mat-icon.mat-primary {
  --mat-icon-color: #5c004b;
}
.barrokos-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.barrokos-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.barrokos-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.barrokos-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.barrokos-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #5c004b;
  --mat-toolbar-container-text-color: #ffffff;
}
.barrokos-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.barrokos-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.barrokos-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.barrokos-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.barrokos-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.barrokos-theme .back-container {
  color: #5c004b;
}
.barrokos-theme .back-container:hover {
  opacity: 0.54;
}
.barrokos-theme .warn-text {
  color: #e74737;
}
.barrokos-theme .inside-modal-title.primary-colored-title,
.barrokos-theme .form-title.primary-colored-title {
  color: #5c004b;
}
.barrokos-theme .full-height-container form .button-container {
  background: white;
}
.barrokos-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.barrokos-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.barrokos-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.barrokos-theme .box-checkbox.active-box-checkbox {
  background-color: #5c004b;
  color: white;
}
.barrokos-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.barrokos-theme .box-radio.active-box-radio {
  background-color: #5c004b;
  color: white;
}
.barrokos-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.barrokos-theme .error {
  color: #e74737;
}
.barrokos-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.barrokos-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.barrokos-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.barrokos-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.barrokos-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.barrokos-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.barrokos-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.barrokos-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.barrokos-theme .ql-snow .ql-picker-options {
  background: white;
}
.barrokos-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.barrokos-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.barrokos-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.barrokos-theme .ql-snow .ql-fill,
.barrokos-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.barrokos-theme .ql-snow.ql-toolbar button:hover,
.barrokos-theme .ql-snow .ql-toolbar button:hover,
.barrokos-theme .ql-snow.ql-toolbar button:focus,
.barrokos-theme .ql-snow .ql-toolbar button:focus,
.barrokos-theme .ql-snow.ql-toolbar button.ql-active,
.barrokos-theme .ql-snow .ql-toolbar button.ql-active,
.barrokos-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.barrokos-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.barrokos-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.barrokos-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.barrokos-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.barrokos-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.barrokos-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.barrokos-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.barrokos-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.barrokos-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.barrokos-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.barrokos-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.barrokos-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.barrokos-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.barrokos-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.barrokos-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.barrokos-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.barrokos-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.barrokos-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.barrokos-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.barrokos-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.barrokos-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.barrokos-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.barrokos-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.barrokos-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.barrokos-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.barrokos-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.barrokos-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.barrokos-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.barrokos-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.barrokos-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.barrokos-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.barrokos-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.barrokos-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.barrokos-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.barrokos-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.barrokos-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.barrokos-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.barrokos-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.barrokos-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.barrokos-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.barrokos-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.barrokos-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.barrokos-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.barrokos-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.barrokos-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.barrokos-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.barrokos-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.barrokos-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.barrokos-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.barrokos-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.barrokos-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.barrokos-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.barrokos-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.barrokos-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.barrokos-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.barrokos-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.barrokos-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.barrokos-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.barrokos-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.barrokos-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.barrokos-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.barrokos-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.barrokos-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.barrokos-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.barrokos-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.barrokos-theme bee-form-item {
  margin-right: 0 !important;
}
.barrokos-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.barrokos-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #5c004b;
  height: 38px !important;
}
.barrokos-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.barrokos-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.barrokos-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.barrokos-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.barrokos-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.barrokos-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.barrokos-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.barrokos-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.barrokos-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .barrokos-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.barrokos-theme .general-container .label-wrapper label {
  color: #5c004b !important;
  background-color: white;
}
.barrokos-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.barrokos-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.barrokos-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.barrokos-theme .general-container .bee-selector .bee-selector-container {
  border-color: #5c004b !important;
}
.barrokos-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.barrokos-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.barrokos-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.barrokos-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.barrokos-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.barrokos-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.barrokos-theme .general-container .bee-selector .bee-selector-container:focus,
.barrokos-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #5c004b;
}
.barrokos-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.barrokos-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #5c004b;
}
.barrokos-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.barrokos-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #5c004b;
}
.barrokos-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.barrokos-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.barrokos-theme .general-container .bee-dropdown {
  background: white;
}
.barrokos-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #5c004b;
}
.barrokos-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.barrokos-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.barrokos-theme .general-container .selector-error {
  color: #e74737;
}
.barrokos-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.barrokos-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.barrokos-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.barrokos-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.barrokos-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #5c004b;
}
.barrokos-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.barrokos-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.barrokos-theme .move-image-action-container:hover {
  color: #5c004b;
}
.barrokos-theme .info-icon {
  color: #5c004b;
}
.barrokos-theme .email-chip {
  color: #5c004b !important;
  background-color: rgba(92, 0, 75, 0.15) !important;
}
.barrokos-theme .email-chip .mat-chip-remove {
  color: #5c004b !important;
  opacity: 1 !important;
}
.barrokos-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.barrokos-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.barrokos-theme .mat-badge-content {
  color: #5c004b !important;
}
.barrokos-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #5c004b !important;
}
.barrokos-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #5c004b !important;
}
.barrokos-theme #circle-lleno {
  background: #ff03ab;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.barrokos-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.barrokos-theme .marine-color {
  color: #0f223e !important;
}
.barrokos-theme .primary-color {
  color: #5c004b !important;
}
.barrokos-theme .gray-color {
  color: #C0C4CA !important;
}
.barrokos-theme .primary-color-200 {
  color: #ae80a5 !important;
}
.barrokos-theme svg.primary-fill-svg {
  fill: #5c004b !important;
}
.barrokos-theme .primary-fill {
  fill: #5c004b !important;
}
.barrokos-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.barrokos-theme .primary-border-50 {
  border-color: #ebe0e9 !important;
}
.barrokos-theme .primary-border-100 {
  border-color: #ceb3c9 !important;
}
.barrokos-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.barrokos-theme .transparent-border-100 {
  border-color: transparent !important;
}
.barrokos-theme .primary-border-200 {
  border-color: #ae80a5 !important;
}
.barrokos-theme .primary-indicator .mat-expansion-indicator:after {
  color: #5c004b;
}
.barrokos-theme .contrast-background {
  background-color: #ffffff !important;
}
.barrokos-theme .primary-color-small {
  color: rgba(92, 0, 75, 0.6);
}
.barrokos-theme .marine-background {
  background-color: #0f223e !important;
}
.barrokos-theme .primary-background {
  background-color: #5c004b !important;
}
.barrokos-theme .primary-background-50 {
  background-color: #ebe0e9 !important;
}
.barrokos-theme .primary-background-200 {
  background-color: #ae80a5 !important;
}
.barrokos-theme .primary-background-800 {
  background-color: #410033 !important;
}
.barrokos-theme .white-color {
  color: white !important;
}
.barrokos-theme .secondary-color {
  color: #ff03ab !important;
}
.barrokos-theme .secondary-background {
  background-color: #ff03ab !important;
}
.barrokos-theme .secondary-background-semi {
  background-color: #5c004b !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #5c004b !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.barrokos-theme .secondary-background-full {
  background-color: #5c004b !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #5c004b !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.barrokos-theme .secondary-background-empty {
  background-color: #5c004b !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #5c004b !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.barrokos-theme .secondary-border {
  background-color: #ff03ab !important;
}
.barrokos-theme .tertiary-color {
  color: #ff03ab !important;
}
.barrokos-theme button.button-tertiary {
  background-color: #ff03ab !important;
  color: #5c004b !important;
  border: 1px solid #5c004b !important;
}
.barrokos-theme span.red-text {
  color: #DB1F35 !important;
}
.barrokos-theme .tertiary-background {
  background-color: #ff03ab !important;
}
.barrokos-theme .tertiary-border {
  border-color: #ff03ab !important;
}
.barrokos-theme .dark-background {
  background-color: black !important;
}
.barrokos-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.barrokos-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.barrokos-theme .primary-soft-background {
  background-color: rgba(92, 0, 75, 0.1) !important;
}
.barrokos-theme .primary-soft-background:hover {
  background-color: rgba(92, 0, 75, 0.15) !important;
}
.barrokos-theme .primary-border {
  border-color: #5c004b !important;
}
.barrokos-theme .default-background {
  background-color: #fafafa !important;
}
.barrokos-theme .hover-primary:hover {
  color: #5c004b !important;
}
.barrokos-theme .hover-primary-background:hover {
  background-color: #5c004b !important;
}
.barrokos-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.barrokos-theme .warn-color {
  color: #e74737 !important;
}
.barrokos-theme .warn-border {
  border-color: #e74737 !important;
}
.barrokos-theme .accent-color {
  color: #fedd93 !important;
}
.barrokos-theme .accent-background {
  background-color: #fedd93 !important;
}
.barrokos-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.barrokos-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.barrokos-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.barrokos-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.barrokos-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.barrokos-theme .dialog-table tr .action-icon {
  color: transparent;
}
.barrokos-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.barrokos-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.barrokos-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #5c004b;
}
.barrokos-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.barrokos-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.barrokos-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.barrokos-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.barrokos-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.barrokos-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.barrokos-theme .card-table tr .action-icon {
  color: transparent;
}
.barrokos-theme .card-table tr .action-icon button {
  color: transparent;
}
.barrokos-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.barrokos-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.barrokos-theme .card-table tr:hover .action-icon button {
  color: #5c004b;
}
.barrokos-theme .card-table tr:hover .action-icon:hover {
  color: #5c004b;
}
.barrokos-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.barrokos-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.barrokos-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.barrokos-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.barrokos-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #5c004b;
}
.barrokos-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.barrokos-theme .no-hover-table tr:hover {
  background: white;
}
.barrokos-theme .custom-standard-chip {
  background-color: rgba(92, 0, 75, 0.1) !important;
  color: #5c004b !important;
}
.barrokos-theme .help-dashboard-card .mat-icon {
  color: #5c004b;
}
.barrokos-theme .help-dashboard-card:hover {
  background-color: #5c004b;
}
.barrokos-theme .help-dashboard-card:hover .mat-icon,
.barrokos-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.barrokos-theme .room-open {
  background-color: #5c004b !important;
  color: white !important;
}
.barrokos-theme .room-open:hover {
  background-color: #5c004b !important;
  color: white !important;
}
.barrokos-theme #public-office-page-groups .public-group-button-hover {
  background-color: #5c004b !important;
  color: white !important;
}
.barrokos-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.barrokos-theme .notification-container .show-tip {
  color: transparent;
}
.barrokos-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.barrokos-theme .notification-container:hover .show-tip {
  color: #5c004b;
}
.barrokos-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.barrokos-theme .notification-container .notification-subject .mat-icon {
  color: #5c004b;
}
.barrokos-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.barrokos-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.barrokos-theme .message-container .show-tip {
  color: transparent;
}
.barrokos-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.barrokos-theme .message-container:hover .show-tip {
  color: #5c004b;
}
.barrokos-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.barrokos-theme .message-container .message-subject .mat-icon {
  color: #5c004b;
}
.barrokos-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.barrokos-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.barrokos-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.barrokos-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.barrokos-theme .primary-200-outline input {
  caret-color: #ae80a5;
  color: #5c004b;
}
.barrokos-theme .primary-200-outline label {
  color: #ae80a5;
}
.barrokos-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #ae80a5 !important;
}
.barrokos-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #ae80a5;
}
.barrokos-theme mat-form-field .primary-outline label {
  color: #5c004b !important;
}
.barrokos-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #5c004b !important;
}
.barrokos-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #5c004b !important;
}
.barrokos-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.barrokos-theme .input-primary input {
  caret-color: #5c004b;
  color: #5c004b;
}
.barrokos-theme .input-primary label {
  color: #5c004b;
}
.barrokos-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #5c004b !important;
}
.barrokos-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.barrokos-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #5c004b;
  border-width: 1px;
}
.barrokos-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.barrokos-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.barrokos-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.barrokos-theme .boton-recarga {
  background-color: #5c004b;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.barrokos-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.barrokos-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.barrokos-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.barrokos-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.barrokos-theme .header-container button {
  padding: 0 !important;
}
.barrokos-theme .header-container .mat-button {
  min-width: unset !important;
}
.barrokos-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.barrokos-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.barrokos-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.barrokos-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.barrokos-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.barrokos-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.barrokos-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.barrokos-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.barrokos-theme .input-recarga-marine {
  border: 1px solid #5c004b !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.barrokos-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.barrokos-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.barrokos-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.barrokos-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.barrokos-theme .color-primary {
  color: #5c004b !important;
  fill: #5c004b !important;
}
.barrokos-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.barrokos-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.barrokos-theme .primary-contrast {
  color: #ffffff !important;
}
.barrokos-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #5c004b !important;
}
.barrokos-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #5c004b !important;
}
.barrokos-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.barrokos-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #5c004b !important;
}
.barrokos-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.barrokos-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.barrokos-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.barrokos-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #5c004b !important;
}
.barrokos-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #5c004b !important;
}
.barrokos-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #5c004b !important;
}
.barrokos-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #5c004b !important;
}
.barrokos-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #5c004b !important;
}
.barrokos-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.barrokos-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #5c004b !important;
}
.barrokos-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.barrokos-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #5c004b !important;
}
.barrokos-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.barrokos-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.barrokos-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #5c004b !important;
}
.barrokos-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #ff03ab !important;
}
.barrokos-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.barrokos-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #5c004b !important;
}
.barrokos-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #5c004b !important;
}
.barrokos-theme .mat-checkbox-checked .mat-checkbox-background,
.barrokos-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #5c004b !important;
}
.barrokos-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #5c004b !important;
}
.barrokos-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.barrokos-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #5c004b !important;
}
.barrokos-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.barrokos-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #5c004b !important;
}
.barrokos-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ae80a5 !important;
}
.barrokos-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #5c004b !important;
}
.barrokos-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.barrokos-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.barrokos-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.barrokos-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.barrokos-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #5c004b !important;
}
.barrokos-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #5c004b !important;
}
.barrokos-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #5c004b !important;
}
.barrokos-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.barrokos-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #5c004b !important;
}
.barrokos-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #5c004b !important;
}
.barrokos-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #5c004b !important;
}
.barrokos-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.barrokos-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.barrokos-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #5c004b !important;
}
.barrokos-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #5c004b !important;
}
.barrokos-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.barrokos-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.barrokos-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #5c004b !important;
}
.barrokos-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.barrokos-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.barrokos-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.barrokos-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #5c004b !important;
}
.barrokos-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.barrokos-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #5c004b !important;
}
.barrokos-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #5c004b !important;
}
.barrokos-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #5c004b !important;
}
.barrokos-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.barrokos-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.barrokos-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.barrokos-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #5c004b !important;
}
.barrokos-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #5c004b !important;
}
.barrokos-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ff03ab !important;
}
.barrokos-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ff03ab !important;
}
.barrokos-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.barrokos-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #5c004b !important;
}
.barrokos-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #5c004b !important;
}
.barrokos-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.barrokos-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #5c004b !important;
}
.barrokos-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #5c004b !important;
}
.barrokos-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.barrokos-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.barrokos-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.barrokos-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ff03ab !important;
}
.barrokos-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ff03ab !important;
}
.barrokos-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.barrokos-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.barrokos-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ff03ab !important;
}
.barrokos-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ff03ab !important;
}
.barrokos-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ff03ab !important;
}
.barrokos-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ff03ab !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.barrokos-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ff03ab !important;
}
.barrokos-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #ff03ab !important;
}
.barrokos-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #5c004b !important;
}
.barrokos-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #5c004b !important;
}
.barrokos-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #5c004b !important;
}
.barrokos-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.barrokos-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.barrokos-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.barrokos-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.barrokos-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.barrokos-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #5c004b !important;
}
.barrokos-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #5c004b !important;
}
.barrokos-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #5c004b !important;
}
.barrokos-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #5c004b !important;
}
.barrokos-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #5c004b !important;
}
.barrokos-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #5c004b !important;
}
.barrokos-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.barrokos-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #5c004b !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.barrokos-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.barrokos-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.barrokos-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.barrokos-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.barrokos-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.barrokos-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #ff03ab !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.barrokos-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #5c004b !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #5c004b !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.barrokos-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #5c004b !important;
}
.barrokos-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.barrokos-theme .button-text-hidden {
  display: none;
}
.bnp-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #008b6a;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #008b6a 87%, transparent);
  --mat-form-field-filled-caret-color: #008b6a;
  --mat-form-field-filled-focus-active-indicator-color: #008b6a;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #008b6a 87%, transparent);
  --mat-form-field-outlined-caret-color: #008b6a;
  --mat-form-field-outlined-focus-outline-color: #008b6a;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #008b6a 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #008b6a;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #008b6a;
  --mat-slide-toggle-selected-handle-color: #008b6a;
  --mat-slide-toggle-selected-hover-state-layer-color: #008b6a;
  --mat-slide-toggle-selected-pressed-state-layer-color: #008b6a;
  --mat-slide-toggle-selected-focus-handle-color: #008b6a;
  --mat-slide-toggle-selected-hover-handle-color: #008b6a;
  --mat-slide-toggle-selected-pressed-handle-color: #008b6a;
  --mat-slide-toggle-selected-focus-track-color: #4dae97;
  --mat-slide-toggle-selected-hover-track-color: #4dae97;
  --mat-slide-toggle-selected-pressed-track-color: #4dae97;
  --mat-slide-toggle-selected-track-color: #4dae97;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #008b6a;
  --mat-slider-focus-handle-color: #008b6a;
  --mat-slider-handle-color: #008b6a;
  --mat-slider-hover-handle-color: #008b6a;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #008b6a 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #008b6a 4%, transparent);
  --mat-slider-inactive-track-color: #008b6a;
  --mat-slider-ripple-color: #008b6a;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #008b6a;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #4dae97;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #008b6a;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #008b6a;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #008b6a 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #008b6a;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #008b6a 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #008b6a 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #008b6a 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #008b6a;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #008b6a;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #008b6a;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #008b6a;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #008b6a;
  --mat-slide-toggle-selected-handle-color: #008b6a;
  --mat-slide-toggle-selected-hover-state-layer-color: #008b6a;
  --mat-slide-toggle-selected-pressed-state-layer-color: #008b6a;
  --mat-slide-toggle-selected-focus-handle-color: #008b6a;
  --mat-slide-toggle-selected-hover-handle-color: #008b6a;
  --mat-slide-toggle-selected-pressed-handle-color: #008b6a;
  --mat-slide-toggle-selected-focus-track-color: #4dae97;
  --mat-slide-toggle-selected-hover-track-color: #4dae97;
  --mat-slide-toggle-selected-pressed-track-color: #4dae97;
  --mat-slide-toggle-selected-track-color: #4dae97;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bnp-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bnp-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bnp-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #008b6a;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #008b6a;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bnp-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bnp-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bnp-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #008b6a;
  --mat-progress-bar-track-color: rgba(0, 139, 106, 0.25);
}
.bnp-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.bnp-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.bnp-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.bnp-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.bnp-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.bnp-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.bnp-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.bnp-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bnp-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.bnp-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #008b6a;
  --mat-chip-elevated-disabled-container-color: #008b6a;
  --mat-chip-elevated-selected-container-color: #008b6a;
  --mat-chip-flat-disabled-selected-container-color: #008b6a;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bnp-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.bnp-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.bnp-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.bnp-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bnp-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.bnp-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.bnp-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.bnp-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bnp-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bnp-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #008b6a;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #008b6a;
  --mat-radio-selected-hover-icon-color: #008b6a;
  --mat-radio-selected-icon-color: #008b6a;
  --mat-radio-selected-pressed-icon-color: #008b6a;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bnp-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bnp-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bnp-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.bnp-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.bnp-theme .mdc-list-item__start,
.bnp-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #008b6a;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #008b6a;
  --mat-radio-selected-hover-icon-color: #008b6a;
  --mat-radio-selected-icon-color: #008b6a;
  --mat-radio-selected-pressed-icon-color: #008b6a;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bnp-theme .mat-accent .mdc-list-item__start,
.bnp-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bnp-theme .mat-warn .mdc-list-item__start,
.bnp-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bnp-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #008b6a;
  --mat-checkbox-selected-hover-icon-color: #008b6a;
  --mat-checkbox-selected-icon-color: #008b6a;
  --mat-checkbox-selected-pressed-icon-color: #008b6a;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #008b6a;
  --mat-checkbox-selected-hover-state-layer-color: #008b6a;
  --mat-checkbox-selected-pressed-state-layer-color: #008b6a;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bnp-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bnp-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bnp-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.bnp-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.bnp-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.bnp-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #008b6a;
}
.bnp-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.bnp-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.bnp-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.bnp-theme .mdc-list-item__start,
.bnp-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.bnp-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.bnp-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.bnp-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.bnp-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.bnp-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.bnp-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.bnp-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.bnp-theme .mat-mdc-tab-group,
.bnp-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #008b6a;
  --mat-tab-active-ripple-color: #008b6a;
  --mat-tab-inactive-ripple-color: #008b6a;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #008b6a;
  --mat-tab-active-hover-label-text-color: #008b6a;
  --mat-tab-active-focus-indicator-color: #008b6a;
  --mat-tab-active-hover-indicator-color: #008b6a;
  --mat-tab-active-indicator-color: #008b6a;
}
.bnp-theme .mat-mdc-tab-group.mat-accent,
.bnp-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.bnp-theme .mat-mdc-tab-group.mat-warn,
.bnp-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.bnp-theme .mat-mdc-tab-group.mat-background-primary,
.bnp-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #008b6a;
  --mat-tab-foreground-color: #ffffff;
}
.bnp-theme .mat-mdc-tab-group.mat-background-accent,
.bnp-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.bnp-theme .mat-mdc-tab-group.mat-background-warn,
.bnp-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.bnp-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.bnp-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.bnp-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #008b6a;
  --mat-checkbox-selected-hover-icon-color: #008b6a;
  --mat-checkbox-selected-icon-color: #008b6a;
  --mat-checkbox-selected-pressed-icon-color: #008b6a;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #008b6a;
  --mat-checkbox-selected-hover-state-layer-color: #008b6a;
  --mat-checkbox-selected-pressed-state-layer-color: #008b6a;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bnp-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bnp-theme .mat-mdc-button.mat-primary,
.bnp-theme .mat-mdc-unelevated-button.mat-primary,
.bnp-theme .mat-mdc-raised-button.mat-primary,
.bnp-theme .mat-mdc-outlined-button.mat-primary,
.bnp-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #008b6a;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #008b6a;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #008b6a 12%, transparent);
  --mat-button-outlined-state-layer-color: #008b6a;
  --mat-button-protected-container-color: #008b6a;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #008b6a;
  --mat-button-text-ripple-color: color-mix(in srgb, #008b6a 12%, transparent);
  --mat-button-text-state-layer-color: #008b6a;
  --mat-button-tonal-container-color: #008b6a;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bnp-theme .mat-mdc-button.mat-accent,
.bnp-theme .mat-mdc-unelevated-button.mat-accent,
.bnp-theme .mat-mdc-raised-button.mat-accent,
.bnp-theme .mat-mdc-outlined-button.mat-accent,
.bnp-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.bnp-theme .mat-mdc-button.mat-warn,
.bnp-theme .mat-mdc-unelevated-button.mat-warn,
.bnp-theme .mat-mdc-raised-button.mat-warn,
.bnp-theme .mat-mdc-outlined-button.mat-warn,
.bnp-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bnp-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #008b6a;
  --mat-icon-button-state-layer-color: #008b6a;
  --mat-icon-button-ripple-color: color-mix(in srgb, #008b6a 12%, transparent);
}
.bnp-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.bnp-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.bnp-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.bnp-theme .mat-mdc-fab.mat-primary,
.bnp-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #008b6a;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #008b6a 12%, transparent);
  --mat-fab-small-container-color: #008b6a;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bnp-theme .mat-mdc-fab.mat-accent,
.bnp-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.bnp-theme .mat-mdc-fab.mat-warn,
.bnp-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bnp-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.bnp-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.bnp-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.bnp-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.bnp-theme .mat-datepicker-content.mat-accent,
.bnp-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bnp-theme .mat-datepicker-content.mat-warn,
.bnp-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bnp-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.bnp-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.bnp-theme .mat-icon.mat-primary {
  --mat-icon-color: #008b6a;
}
.bnp-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.bnp-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.bnp-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.bnp-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.bnp-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #008b6a;
  --mat-toolbar-container-text-color: #ffffff;
}
.bnp-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.bnp-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.bnp-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.bnp-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bnp-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bnp-theme .back-container {
  color: #008b6a;
}
.bnp-theme .back-container:hover {
  opacity: 0.54;
}
.bnp-theme .warn-text {
  color: #e74737;
}
.bnp-theme .inside-modal-title.primary-colored-title,
.bnp-theme .form-title.primary-colored-title {
  color: #008b6a;
}
.bnp-theme .full-height-container form .button-container {
  background: white;
}
.bnp-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.bnp-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.bnp-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bnp-theme .box-checkbox.active-box-checkbox {
  background-color: #008b6a;
  color: white;
}
.bnp-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bnp-theme .box-radio.active-box-radio {
  background-color: #008b6a;
  color: white;
}
.bnp-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.bnp-theme .error {
  color: #e74737;
}
.bnp-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.bnp-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.bnp-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.bnp-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.bnp-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bnp-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bnp-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.bnp-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.bnp-theme .ql-snow .ql-picker-options {
  background: white;
}
.bnp-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.bnp-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.bnp-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.bnp-theme .ql-snow .ql-fill,
.bnp-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.bnp-theme .ql-snow.ql-toolbar button:hover,
.bnp-theme .ql-snow .ql-toolbar button:hover,
.bnp-theme .ql-snow.ql-toolbar button:focus,
.bnp-theme .ql-snow .ql-toolbar button:focus,
.bnp-theme .ql-snow.ql-toolbar button.ql-active,
.bnp-theme .ql-snow .ql-toolbar button.ql-active,
.bnp-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.bnp-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.bnp-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.bnp-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.bnp-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.bnp-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.bnp-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.bnp-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.bnp-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.bnp-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.bnp-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.bnp-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.bnp-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.bnp-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.bnp-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.bnp-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.bnp-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bnp-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bnp-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.bnp-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.bnp-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bnp-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bnp-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.bnp-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.bnp-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.bnp-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.bnp-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bnp-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bnp-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bnp-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bnp-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bnp-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bnp-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bnp-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bnp-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.bnp-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.bnp-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.bnp-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.bnp-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.bnp-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.bnp-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.bnp-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.bnp-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.bnp-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.bnp-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bnp-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bnp-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.bnp-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.bnp-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bnp-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bnp-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.bnp-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.bnp-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.bnp-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.bnp-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.bnp-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.bnp-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bnp-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bnp-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bnp-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bnp-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bnp-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bnp-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.bnp-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.bnp-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.bnp-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.bnp-theme bee-form-item {
  margin-right: 0 !important;
}
.bnp-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.bnp-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #008b6a;
  height: 38px !important;
}
.bnp-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.bnp-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.bnp-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.bnp-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.bnp-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.bnp-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.bnp-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.bnp-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.bnp-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .bnp-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.bnp-theme .general-container .label-wrapper label {
  color: #008b6a !important;
  background-color: white;
}
.bnp-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bnp-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.bnp-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.bnp-theme .general-container .bee-selector .bee-selector-container {
  border-color: #008b6a !important;
}
.bnp-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.bnp-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.bnp-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.bnp-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.bnp-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.bnp-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bnp-theme .general-container .bee-selector .bee-selector-container:focus,
.bnp-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #008b6a;
}
.bnp-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.bnp-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #008b6a;
}
.bnp-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.bnp-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #008b6a;
}
.bnp-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bnp-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bnp-theme .general-container .bee-dropdown {
  background: white;
}
.bnp-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #008b6a;
}
.bnp-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.bnp-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.bnp-theme .general-container .selector-error {
  color: #e74737;
}
.bnp-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bnp-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.bnp-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bnp-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.bnp-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #008b6a;
}
.bnp-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bnp-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bnp-theme .move-image-action-container:hover {
  color: #008b6a;
}
.bnp-theme .info-icon {
  color: #008b6a;
}
.bnp-theme .email-chip {
  color: #008b6a !important;
  background-color: rgba(0, 139, 106, 0.15) !important;
}
.bnp-theme .email-chip .mat-chip-remove {
  color: #008b6a !important;
  opacity: 1 !important;
}
.bnp-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.bnp-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.bnp-theme .mat-badge-content {
  color: #008b6a !important;
}
.bnp-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #008b6a !important;
}
.bnp-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #008b6a !important;
}
.bnp-theme #circle-lleno {
  background: #269C80;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.bnp-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.bnp-theme .marine-color {
  color: #0f223e !important;
}
.bnp-theme .primary-color {
  color: #008b6a !important;
}
.bnp-theme .gray-color {
  color: #C0C4CA !important;
}
.bnp-theme .primary-color-200 {
  color: #80c5b5 !important;
}
.bnp-theme svg.primary-fill-svg {
  fill: #008b6a !important;
}
.bnp-theme .primary-fill {
  fill: #008b6a !important;
}
.bnp-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bnp-theme .primary-border-50 {
  border-color: #e0f1ed !important;
}
.bnp-theme .primary-border-100 {
  border-color: #b3dcd2 !important;
}
.bnp-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.bnp-theme .transparent-border-100 {
  border-color: transparent !important;
}
.bnp-theme .primary-border-200 {
  border-color: #80c5b5 !important;
}
.bnp-theme .primary-indicator .mat-expansion-indicator:after {
  color: #008b6a;
}
.bnp-theme .contrast-background {
  background-color: #ffffff !important;
}
.bnp-theme .primary-color-small {
  color: rgba(0, 139, 106, 0.6);
}
.bnp-theme .marine-background {
  background-color: #0f223e !important;
}
.bnp-theme .primary-background {
  background-color: #008b6a !important;
}
.bnp-theme .primary-background-50 {
  background-color: #e0f1ed !important;
}
.bnp-theme .primary-background-200 {
  background-color: #80c5b5 !important;
}
.bnp-theme .primary-background-800 {
  background-color: #006e4d !important;
}
.bnp-theme .white-color {
  color: white !important;
}
.bnp-theme .secondary-color {
  color: #269C80 !important;
}
.bnp-theme .secondary-background {
  background-color: #269C80 !important;
}
.bnp-theme .secondary-background-semi {
  background-color: #008b6a !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #008b6a !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bnp-theme .secondary-background-full {
  background-color: #008b6a !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #008b6a !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bnp-theme .secondary-background-empty {
  background-color: #008b6a !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #008b6a !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bnp-theme .secondary-border {
  background-color: #269C80 !important;
}
.bnp-theme .tertiary-color {
  color: #269C80 !important;
}
.bnp-theme button.button-tertiary {
  background-color: #269C80 !important;
  color: #008b6a !important;
  border: 1px solid #008b6a !important;
}
.bnp-theme span.red-text {
  color: #DB1F35 !important;
}
.bnp-theme .tertiary-background {
  background-color: #269C80 !important;
}
.bnp-theme .tertiary-border {
  border-color: #269C80 !important;
}
.bnp-theme .dark-background {
  background-color: black !important;
}
.bnp-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.bnp-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.bnp-theme .primary-soft-background {
  background-color: rgba(0, 139, 106, 0.1) !important;
}
.bnp-theme .primary-soft-background:hover {
  background-color: rgba(0, 139, 106, 0.15) !important;
}
.bnp-theme .primary-border {
  border-color: #008b6a !important;
}
.bnp-theme .default-background {
  background-color: #fafafa !important;
}
.bnp-theme .hover-primary:hover {
  color: #008b6a !important;
}
.bnp-theme .hover-primary-background:hover {
  background-color: #008b6a !important;
}
.bnp-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.bnp-theme .warn-color {
  color: #e74737 !important;
}
.bnp-theme .warn-border {
  border-color: #e74737 !important;
}
.bnp-theme .accent-color {
  color: #fedd93 !important;
}
.bnp-theme .accent-background {
  background-color: #fedd93 !important;
}
.bnp-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.bnp-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.bnp-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.bnp-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.bnp-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bnp-theme .dialog-table tr .action-icon {
  color: transparent;
}
.bnp-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bnp-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.bnp-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #008b6a;
}
.bnp-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bnp-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bnp-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.bnp-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.bnp-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.bnp-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bnp-theme .card-table tr .action-icon {
  color: transparent;
}
.bnp-theme .card-table tr .action-icon button {
  color: transparent;
}
.bnp-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bnp-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bnp-theme .card-table tr:hover .action-icon button {
  color: #008b6a;
}
.bnp-theme .card-table tr:hover .action-icon:hover {
  color: #008b6a;
}
.bnp-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bnp-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.bnp-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bnp-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bnp-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #008b6a;
}
.bnp-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bnp-theme .no-hover-table tr:hover {
  background: white;
}
.bnp-theme .custom-standard-chip {
  background-color: rgba(0, 139, 106, 0.1) !important;
  color: #008b6a !important;
}
.bnp-theme .help-dashboard-card .mat-icon {
  color: #008b6a;
}
.bnp-theme .help-dashboard-card:hover {
  background-color: #008b6a;
}
.bnp-theme .help-dashboard-card:hover .mat-icon,
.bnp-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.bnp-theme .room-open {
  background-color: #008b6a !important;
  color: white !important;
}
.bnp-theme .room-open:hover {
  background-color: #008b6a !important;
  color: white !important;
}
.bnp-theme #public-office-page-groups .public-group-button-hover {
  background-color: #008b6a !important;
  color: white !important;
}
.bnp-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bnp-theme .notification-container .show-tip {
  color: transparent;
}
.bnp-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bnp-theme .notification-container:hover .show-tip {
  color: #008b6a;
}
.bnp-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bnp-theme .notification-container .notification-subject .mat-icon {
  color: #008b6a;
}
.bnp-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.bnp-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bnp-theme .message-container .show-tip {
  color: transparent;
}
.bnp-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bnp-theme .message-container:hover .show-tip {
  color: #008b6a;
}
.bnp-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bnp-theme .message-container .message-subject .mat-icon {
  color: #008b6a;
}
.bnp-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.bnp-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.bnp-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.bnp-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.bnp-theme .primary-200-outline input {
  caret-color: #80c5b5;
  color: #008b6a;
}
.bnp-theme .primary-200-outline label {
  color: #80c5b5;
}
.bnp-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #80c5b5 !important;
}
.bnp-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #80c5b5;
}
.bnp-theme mat-form-field .primary-outline label {
  color: #008b6a !important;
}
.bnp-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #008b6a !important;
}
.bnp-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #008b6a !important;
}
.bnp-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.bnp-theme .input-primary input {
  caret-color: #008b6a;
  color: #008b6a;
}
.bnp-theme .input-primary label {
  color: #008b6a;
}
.bnp-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #008b6a !important;
}
.bnp-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.bnp-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #008b6a;
  border-width: 1px;
}
.bnp-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.bnp-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.bnp-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.bnp-theme .boton-recarga {
  background-color: #008b6a;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.bnp-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.bnp-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.bnp-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.bnp-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.bnp-theme .header-container button {
  padding: 0 !important;
}
.bnp-theme .header-container .mat-button {
  min-width: unset !important;
}
.bnp-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.bnp-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bnp-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.bnp-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.bnp-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.bnp-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.bnp-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bnp-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bnp-theme .input-recarga-marine {
  border: 1px solid #008b6a !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.bnp-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.bnp-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bnp-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bnp-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bnp-theme .color-primary {
  color: #008b6a !important;
  fill: #008b6a !important;
}
.bnp-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.bnp-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.bnp-theme .primary-contrast {
  color: #ffffff !important;
}
.bnp-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #008b6a !important;
}
.bnp-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #008b6a !important;
}
.bnp-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.bnp-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #008b6a !important;
}
.bnp-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bnp-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bnp-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bnp-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #008b6a !important;
}
.bnp-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #008b6a !important;
}
.bnp-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #008b6a !important;
}
.bnp-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #008b6a !important;
}
.bnp-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #008b6a !important;
}
.bnp-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bnp-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #008b6a !important;
}
.bnp-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bnp-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #008b6a !important;
}
.bnp-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bnp-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bnp-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #008b6a !important;
}
.bnp-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #269C80 !important;
}
.bnp-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bnp-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #008b6a !important;
}
.bnp-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #008b6a !important;
}
.bnp-theme .mat-checkbox-checked .mat-checkbox-background,
.bnp-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #008b6a !important;
}
.bnp-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #008b6a !important;
}
.bnp-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bnp-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #008b6a !important;
}
.bnp-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bnp-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #008b6a !important;
}
.bnp-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #80c5b5 !important;
}
.bnp-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #008b6a !important;
}
.bnp-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bnp-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.bnp-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.bnp-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.bnp-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #008b6a !important;
}
.bnp-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #008b6a !important;
}
.bnp-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #008b6a !important;
}
.bnp-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bnp-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #008b6a !important;
}
.bnp-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #008b6a !important;
}
.bnp-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #008b6a !important;
}
.bnp-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bnp-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bnp-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #008b6a !important;
}
.bnp-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #008b6a !important;
}
.bnp-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bnp-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bnp-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #008b6a !important;
}
.bnp-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.bnp-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.bnp-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.bnp-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #008b6a !important;
}
.bnp-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.bnp-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #008b6a !important;
}
.bnp-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #008b6a !important;
}
.bnp-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #008b6a !important;
}
.bnp-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.bnp-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bnp-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bnp-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #008b6a !important;
}
.bnp-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #008b6a !important;
}
.bnp-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #269C80 !important;
}
.bnp-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #269C80 !important;
}
.bnp-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.bnp-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #008b6a !important;
}
.bnp-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #008b6a !important;
}
.bnp-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.bnp-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #008b6a !important;
}
.bnp-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #008b6a !important;
}
.bnp-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bnp-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bnp-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.bnp-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #269C80 !important;
}
.bnp-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #269C80 !important;
}
.bnp-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.bnp-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.bnp-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #269C80 !important;
}
.bnp-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #269C80 !important;
}
.bnp-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #269C80 !important;
}
.bnp-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #269C80 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bnp-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #269C80 !important;
}
.bnp-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #269C80 !important;
}
.bnp-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #008b6a !important;
}
.bnp-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #008b6a !important;
}
.bnp-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #008b6a !important;
}
.bnp-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bnp-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.bnp-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bnp-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.bnp-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.bnp-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #008b6a !important;
}
.bnp-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #008b6a !important;
}
.bnp-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #008b6a !important;
}
.bnp-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #008b6a !important;
}
.bnp-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #008b6a !important;
}
.bnp-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #008b6a !important;
}
.bnp-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.bnp-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #008b6a !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.bnp-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.bnp-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.bnp-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.bnp-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.bnp-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.bnp-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #269C80 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bnp-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #008b6a !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #008b6a !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bnp-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #008b6a !important;
}
.bnp-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.bnp-theme .button-text-hidden {
  display: none;
}
.caribean-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #566d91;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #566d91 87%, transparent);
  --mat-form-field-filled-caret-color: #566d91;
  --mat-form-field-filled-focus-active-indicator-color: #566d91;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #566d91 87%, transparent);
  --mat-form-field-outlined-caret-color: #566d91;
  --mat-form-field-outlined-focus-outline-color: #566d91;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #566d91 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #566d91;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #566d91;
  --mat-slide-toggle-selected-handle-color: #566d91;
  --mat-slide-toggle-selected-hover-state-layer-color: #566d91;
  --mat-slide-toggle-selected-pressed-state-layer-color: #566d91;
  --mat-slide-toggle-selected-focus-handle-color: #566d91;
  --mat-slide-toggle-selected-hover-handle-color: #566d91;
  --mat-slide-toggle-selected-pressed-handle-color: #566d91;
  --mat-slide-toggle-selected-focus-track-color: #8999b2;
  --mat-slide-toggle-selected-hover-track-color: #8999b2;
  --mat-slide-toggle-selected-pressed-track-color: #8999b2;
  --mat-slide-toggle-selected-track-color: #8999b2;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #566d91;
  --mat-slider-focus-handle-color: #566d91;
  --mat-slider-handle-color: #566d91;
  --mat-slider-hover-handle-color: #566d91;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #566d91 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #566d91 4%, transparent);
  --mat-slider-inactive-track-color: #566d91;
  --mat-slider-ripple-color: #566d91;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #566d91;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #8999b2;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #566d91;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #566d91;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #566d91 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #566d91;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #566d91 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #566d91 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #566d91 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #566d91;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #566d91;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #566d91;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #566d91;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #566d91;
  --mat-slide-toggle-selected-handle-color: #566d91;
  --mat-slide-toggle-selected-hover-state-layer-color: #566d91;
  --mat-slide-toggle-selected-pressed-state-layer-color: #566d91;
  --mat-slide-toggle-selected-focus-handle-color: #566d91;
  --mat-slide-toggle-selected-hover-handle-color: #566d91;
  --mat-slide-toggle-selected-pressed-handle-color: #566d91;
  --mat-slide-toggle-selected-focus-track-color: #8999b2;
  --mat-slide-toggle-selected-hover-track-color: #8999b2;
  --mat-slide-toggle-selected-pressed-track-color: #8999b2;
  --mat-slide-toggle-selected-track-color: #8999b2;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.caribean-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.caribean-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.caribean-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #566d91;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #566d91;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.caribean-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.caribean-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.caribean-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #566d91;
  --mat-progress-bar-track-color: rgba(86, 109, 145, 0.25);
}
.caribean-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.caribean-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.caribean-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.caribean-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.caribean-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.caribean-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.caribean-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.caribean-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.caribean-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.caribean-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #566d91;
  --mat-chip-elevated-disabled-container-color: #566d91;
  --mat-chip-elevated-selected-container-color: #566d91;
  --mat-chip-flat-disabled-selected-container-color: #566d91;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.caribean-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.caribean-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.caribean-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.caribean-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.caribean-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.caribean-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.caribean-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.caribean-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.caribean-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.caribean-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #566d91;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #566d91;
  --mat-radio-selected-hover-icon-color: #566d91;
  --mat-radio-selected-icon-color: #566d91;
  --mat-radio-selected-pressed-icon-color: #566d91;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.caribean-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.caribean-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.caribean-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.caribean-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.caribean-theme .mdc-list-item__start,
.caribean-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #566d91;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #566d91;
  --mat-radio-selected-hover-icon-color: #566d91;
  --mat-radio-selected-icon-color: #566d91;
  --mat-radio-selected-pressed-icon-color: #566d91;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.caribean-theme .mat-accent .mdc-list-item__start,
.caribean-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.caribean-theme .mat-warn .mdc-list-item__start,
.caribean-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.caribean-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #566d91;
  --mat-checkbox-selected-hover-icon-color: #566d91;
  --mat-checkbox-selected-icon-color: #566d91;
  --mat-checkbox-selected-pressed-icon-color: #566d91;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #566d91;
  --mat-checkbox-selected-hover-state-layer-color: #566d91;
  --mat-checkbox-selected-pressed-state-layer-color: #566d91;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.caribean-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.caribean-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.caribean-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.caribean-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.caribean-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.caribean-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #566d91;
}
.caribean-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.caribean-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.caribean-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.caribean-theme .mdc-list-item__start,
.caribean-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.caribean-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.caribean-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.caribean-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.caribean-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.caribean-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.caribean-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.caribean-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.caribean-theme .mat-mdc-tab-group,
.caribean-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #566d91;
  --mat-tab-active-ripple-color: #566d91;
  --mat-tab-inactive-ripple-color: #566d91;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #566d91;
  --mat-tab-active-hover-label-text-color: #566d91;
  --mat-tab-active-focus-indicator-color: #566d91;
  --mat-tab-active-hover-indicator-color: #566d91;
  --mat-tab-active-indicator-color: #566d91;
}
.caribean-theme .mat-mdc-tab-group.mat-accent,
.caribean-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.caribean-theme .mat-mdc-tab-group.mat-warn,
.caribean-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.caribean-theme .mat-mdc-tab-group.mat-background-primary,
.caribean-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #566d91;
  --mat-tab-foreground-color: #ffffff;
}
.caribean-theme .mat-mdc-tab-group.mat-background-accent,
.caribean-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.caribean-theme .mat-mdc-tab-group.mat-background-warn,
.caribean-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.caribean-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.caribean-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.caribean-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #566d91;
  --mat-checkbox-selected-hover-icon-color: #566d91;
  --mat-checkbox-selected-icon-color: #566d91;
  --mat-checkbox-selected-pressed-icon-color: #566d91;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #566d91;
  --mat-checkbox-selected-hover-state-layer-color: #566d91;
  --mat-checkbox-selected-pressed-state-layer-color: #566d91;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.caribean-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.caribean-theme .mat-mdc-button.mat-primary,
.caribean-theme .mat-mdc-unelevated-button.mat-primary,
.caribean-theme .mat-mdc-raised-button.mat-primary,
.caribean-theme .mat-mdc-outlined-button.mat-primary,
.caribean-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #566d91;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #566d91;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #566d91 12%, transparent);
  --mat-button-outlined-state-layer-color: #566d91;
  --mat-button-protected-container-color: #566d91;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #566d91;
  --mat-button-text-ripple-color: color-mix(in srgb, #566d91 12%, transparent);
  --mat-button-text-state-layer-color: #566d91;
  --mat-button-tonal-container-color: #566d91;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.caribean-theme .mat-mdc-button.mat-accent,
.caribean-theme .mat-mdc-unelevated-button.mat-accent,
.caribean-theme .mat-mdc-raised-button.mat-accent,
.caribean-theme .mat-mdc-outlined-button.mat-accent,
.caribean-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.caribean-theme .mat-mdc-button.mat-warn,
.caribean-theme .mat-mdc-unelevated-button.mat-warn,
.caribean-theme .mat-mdc-raised-button.mat-warn,
.caribean-theme .mat-mdc-outlined-button.mat-warn,
.caribean-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.caribean-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #566d91;
  --mat-icon-button-state-layer-color: #566d91;
  --mat-icon-button-ripple-color: color-mix(in srgb, #566d91 12%, transparent);
}
.caribean-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.caribean-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.caribean-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.caribean-theme .mat-mdc-fab.mat-primary,
.caribean-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #566d91;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #566d91 12%, transparent);
  --mat-fab-small-container-color: #566d91;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.caribean-theme .mat-mdc-fab.mat-accent,
.caribean-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.caribean-theme .mat-mdc-fab.mat-warn,
.caribean-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.caribean-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.caribean-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.caribean-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.caribean-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.caribean-theme .mat-datepicker-content.mat-accent,
.caribean-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.caribean-theme .mat-datepicker-content.mat-warn,
.caribean-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.caribean-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.caribean-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.caribean-theme .mat-icon.mat-primary {
  --mat-icon-color: #566d91;
}
.caribean-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.caribean-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.caribean-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.caribean-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.caribean-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #566d91;
  --mat-toolbar-container-text-color: #ffffff;
}
.caribean-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.caribean-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.caribean-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.caribean-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.caribean-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.caribean-theme .back-container {
  color: #566d91;
}
.caribean-theme .back-container:hover {
  opacity: 0.54;
}
.caribean-theme .warn-text {
  color: #e74737;
}
.caribean-theme .inside-modal-title.primary-colored-title,
.caribean-theme .form-title.primary-colored-title {
  color: #566d91;
}
.caribean-theme .full-height-container form .button-container {
  background: white;
}
.caribean-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.caribean-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.caribean-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.caribean-theme .box-checkbox.active-box-checkbox {
  background-color: #566d91;
  color: white;
}
.caribean-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.caribean-theme .box-radio.active-box-radio {
  background-color: #566d91;
  color: white;
}
.caribean-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.caribean-theme .error {
  color: #e74737;
}
.caribean-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.caribean-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.caribean-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.caribean-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.caribean-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.caribean-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.caribean-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.caribean-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.caribean-theme .ql-snow .ql-picker-options {
  background: white;
}
.caribean-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.caribean-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.caribean-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.caribean-theme .ql-snow .ql-fill,
.caribean-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.caribean-theme .ql-snow.ql-toolbar button:hover,
.caribean-theme .ql-snow .ql-toolbar button:hover,
.caribean-theme .ql-snow.ql-toolbar button:focus,
.caribean-theme .ql-snow .ql-toolbar button:focus,
.caribean-theme .ql-snow.ql-toolbar button.ql-active,
.caribean-theme .ql-snow .ql-toolbar button.ql-active,
.caribean-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.caribean-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.caribean-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.caribean-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.caribean-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.caribean-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.caribean-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.caribean-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.caribean-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.caribean-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.caribean-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.caribean-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.caribean-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.caribean-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.caribean-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.caribean-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.caribean-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.caribean-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.caribean-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.caribean-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.caribean-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.caribean-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.caribean-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.caribean-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.caribean-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.caribean-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.caribean-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.caribean-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.caribean-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.caribean-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.caribean-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.caribean-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.caribean-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.caribean-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.caribean-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.caribean-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.caribean-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.caribean-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.caribean-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.caribean-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.caribean-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.caribean-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.caribean-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.caribean-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.caribean-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.caribean-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.caribean-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.caribean-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.caribean-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.caribean-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.caribean-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.caribean-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.caribean-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.caribean-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.caribean-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.caribean-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.caribean-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.caribean-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.caribean-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.caribean-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.caribean-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.caribean-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.caribean-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.caribean-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.caribean-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.caribean-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.caribean-theme bee-form-item {
  margin-right: 0 !important;
}
.caribean-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.caribean-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #566d91;
  height: 38px !important;
}
.caribean-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.caribean-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.caribean-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.caribean-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.caribean-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.caribean-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.caribean-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.caribean-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.caribean-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .caribean-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.caribean-theme .general-container .label-wrapper label {
  color: #566d91 !important;
  background-color: white;
}
.caribean-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.caribean-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.caribean-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.caribean-theme .general-container .bee-selector .bee-selector-container {
  border-color: #566d91 !important;
}
.caribean-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.caribean-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.caribean-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.caribean-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.caribean-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.caribean-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.caribean-theme .general-container .bee-selector .bee-selector-container:focus,
.caribean-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #566d91;
}
.caribean-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.caribean-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #566d91;
}
.caribean-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.caribean-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #566d91;
}
.caribean-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.caribean-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.caribean-theme .general-container .bee-dropdown {
  background: white;
}
.caribean-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #566d91;
}
.caribean-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.caribean-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.caribean-theme .general-container .selector-error {
  color: #e74737;
}
.caribean-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.caribean-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.caribean-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.caribean-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.caribean-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #566d91;
}
.caribean-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.caribean-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.caribean-theme .move-image-action-container:hover {
  color: #566d91;
}
.caribean-theme .info-icon {
  color: #566d91;
}
.caribean-theme .email-chip {
  color: #566d91 !important;
  background-color: rgba(86, 109, 145, 0.15) !important;
}
.caribean-theme .email-chip .mat-chip-remove {
  color: #566d91 !important;
  opacity: 1 !important;
}
.caribean-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.caribean-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.caribean-theme .mat-badge-content {
  color: #566d91 !important;
}
.caribean-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #566d91 !important;
}
.caribean-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #566d91 !important;
}
.caribean-theme #circle-lleno {
  background: #4581ff;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.caribean-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.caribean-theme .marine-color {
  color: #0f223e !important;
}
.caribean-theme .primary-color {
  color: #566d91 !important;
}
.caribean-theme .gray-color {
  color: #C0C4CA !important;
}
.caribean-theme .primary-color-200 {
  color: #abb6c8 !important;
}
.caribean-theme svg.primary-fill-svg {
  fill: #566d91 !important;
}
.caribean-theme .primary-fill {
  fill: #566d91 !important;
}
.caribean-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.caribean-theme .primary-border-50 {
  border-color: #ebedf2 !important;
}
.caribean-theme .primary-border-100 {
  border-color: #ccd3de !important;
}
.caribean-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.caribean-theme .transparent-border-100 {
  border-color: transparent !important;
}
.caribean-theme .primary-border-200 {
  border-color: #abb6c8 !important;
}
.caribean-theme .primary-indicator .mat-expansion-indicator:after {
  color: #566d91;
}
.caribean-theme .contrast-background {
  background-color: #ffffff !important;
}
.caribean-theme .primary-color-small {
  color: rgba(86, 109, 145, 0.6);
}
.caribean-theme .marine-background {
  background-color: #0f223e !important;
}
.caribean-theme .primary-background {
  background-color: #566d91 !important;
}
.caribean-theme .primary-background-50 {
  background-color: #ebedf2 !important;
}
.caribean-theme .primary-background-200 {
  background-color: #abb6c8 !important;
}
.caribean-theme .primary-background-800 {
  background-color: #3c5074 !important;
}
.caribean-theme .white-color {
  color: white !important;
}
.caribean-theme .secondary-color {
  color: #4581ff !important;
}
.caribean-theme .secondary-background {
  background-color: #4581ff !important;
}
.caribean-theme .secondary-background-semi {
  background-color: #566d91 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #566d91 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.caribean-theme .secondary-background-full {
  background-color: #566d91 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #566d91 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.caribean-theme .secondary-background-empty {
  background-color: #566d91 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #566d91 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.caribean-theme .secondary-border {
  background-color: #4581ff !important;
}
.caribean-theme .tertiary-color {
  color: #4581ff !important;
}
.caribean-theme button.button-tertiary {
  background-color: #4581ff !important;
  color: #566d91 !important;
  border: 1px solid #566d91 !important;
}
.caribean-theme span.red-text {
  color: #DB1F35 !important;
}
.caribean-theme .tertiary-background {
  background-color: #4581ff !important;
}
.caribean-theme .tertiary-border {
  border-color: #4581ff !important;
}
.caribean-theme .dark-background {
  background-color: black !important;
}
.caribean-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.caribean-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.caribean-theme .primary-soft-background {
  background-color: rgba(86, 109, 145, 0.1) !important;
}
.caribean-theme .primary-soft-background:hover {
  background-color: rgba(86, 109, 145, 0.15) !important;
}
.caribean-theme .primary-border {
  border-color: #566d91 !important;
}
.caribean-theme .default-background {
  background-color: #fafafa !important;
}
.caribean-theme .hover-primary:hover {
  color: #566d91 !important;
}
.caribean-theme .hover-primary-background:hover {
  background-color: #566d91 !important;
}
.caribean-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.caribean-theme .warn-color {
  color: #e74737 !important;
}
.caribean-theme .warn-border {
  border-color: #e74737 !important;
}
.caribean-theme .accent-color {
  color: #fedd93 !important;
}
.caribean-theme .accent-background {
  background-color: #fedd93 !important;
}
.caribean-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.caribean-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.caribean-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.caribean-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.caribean-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.caribean-theme .dialog-table tr .action-icon {
  color: transparent;
}
.caribean-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.caribean-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.caribean-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #566d91;
}
.caribean-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.caribean-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.caribean-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.caribean-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.caribean-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.caribean-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.caribean-theme .card-table tr .action-icon {
  color: transparent;
}
.caribean-theme .card-table tr .action-icon button {
  color: transparent;
}
.caribean-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.caribean-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.caribean-theme .card-table tr:hover .action-icon button {
  color: #566d91;
}
.caribean-theme .card-table tr:hover .action-icon:hover {
  color: #566d91;
}
.caribean-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.caribean-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.caribean-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.caribean-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.caribean-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #566d91;
}
.caribean-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.caribean-theme .no-hover-table tr:hover {
  background: white;
}
.caribean-theme .custom-standard-chip {
  background-color: rgba(86, 109, 145, 0.1) !important;
  color: #566d91 !important;
}
.caribean-theme .help-dashboard-card .mat-icon {
  color: #566d91;
}
.caribean-theme .help-dashboard-card:hover {
  background-color: #566d91;
}
.caribean-theme .help-dashboard-card:hover .mat-icon,
.caribean-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.caribean-theme .room-open {
  background-color: #566d91 !important;
  color: white !important;
}
.caribean-theme .room-open:hover {
  background-color: #566d91 !important;
  color: white !important;
}
.caribean-theme #public-office-page-groups .public-group-button-hover {
  background-color: #566d91 !important;
  color: white !important;
}
.caribean-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.caribean-theme .notification-container .show-tip {
  color: transparent;
}
.caribean-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.caribean-theme .notification-container:hover .show-tip {
  color: #566d91;
}
.caribean-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.caribean-theme .notification-container .notification-subject .mat-icon {
  color: #566d91;
}
.caribean-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.caribean-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.caribean-theme .message-container .show-tip {
  color: transparent;
}
.caribean-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.caribean-theme .message-container:hover .show-tip {
  color: #566d91;
}
.caribean-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.caribean-theme .message-container .message-subject .mat-icon {
  color: #566d91;
}
.caribean-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.caribean-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.caribean-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.caribean-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.caribean-theme .primary-200-outline input {
  caret-color: #abb6c8;
  color: #566d91;
}
.caribean-theme .primary-200-outline label {
  color: #abb6c8;
}
.caribean-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #abb6c8 !important;
}
.caribean-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #abb6c8;
}
.caribean-theme mat-form-field .primary-outline label {
  color: #566d91 !important;
}
.caribean-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #566d91 !important;
}
.caribean-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #566d91 !important;
}
.caribean-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.caribean-theme .input-primary input {
  caret-color: #566d91;
  color: #566d91;
}
.caribean-theme .input-primary label {
  color: #566d91;
}
.caribean-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #566d91 !important;
}
.caribean-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.caribean-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #566d91;
  border-width: 1px;
}
.caribean-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.caribean-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.caribean-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.caribean-theme .boton-recarga {
  background-color: #566d91;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.caribean-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.caribean-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
}
.caribean-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.caribean-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.caribean-theme .header-container button {
  padding: 0 !important;
}
.caribean-theme .header-container .mat-button {
  min-width: unset !important;
}
.caribean-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.caribean-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.caribean-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.caribean-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.caribean-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.caribean-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.caribean-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.caribean-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.caribean-theme .input-recarga-marine {
  border: 1px solid #566d91 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.caribean-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.caribean-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.caribean-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.caribean-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.caribean-theme .color-primary {
  color: #566d91 !important;
  fill: #566d91 !important;
}
.caribean-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.caribean-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.caribean-theme .primary-contrast {
  color: #ffffff !important;
}
.caribean-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #566d91 !important;
}
.caribean-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #566d91 !important;
}
.caribean-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.caribean-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #566d91 !important;
}
.caribean-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.caribean-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.caribean-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.caribean-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #566d91 !important;
}
.caribean-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #566d91 !important;
}
.caribean-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #566d91 !important;
}
.caribean-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #566d91 !important;
}
.caribean-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #566d91 !important;
}
.caribean-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.caribean-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #566d91 !important;
}
.caribean-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.caribean-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #566d91 !important;
}
.caribean-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.caribean-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.caribean-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #566d91 !important;
}
.caribean-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #4581ff !important;
}
.caribean-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.caribean-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #566d91 !important;
}
.caribean-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #566d91 !important;
}
.caribean-theme .mat-checkbox-checked .mat-checkbox-background,
.caribean-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #566d91 !important;
}
.caribean-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #566d91 !important;
}
.caribean-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.caribean-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #566d91 !important;
}
.caribean-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.caribean-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #566d91 !important;
}
.caribean-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #abb6c8 !important;
}
.caribean-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #566d91 !important;
}
.caribean-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.caribean-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.caribean-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.caribean-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.caribean-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #566d91 !important;
}
.caribean-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #566d91 !important;
}
.caribean-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #566d91 !important;
}
.caribean-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.caribean-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #566d91 !important;
}
.caribean-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #566d91 !important;
}
.caribean-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #566d91 !important;
}
.caribean-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.caribean-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.caribean-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #566d91 !important;
}
.caribean-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #566d91 !important;
}
.caribean-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.caribean-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.caribean-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #566d91 !important;
}
.caribean-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.caribean-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.caribean-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.caribean-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #566d91 !important;
}
.caribean-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.caribean-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #566d91 !important;
}
.caribean-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #566d91 !important;
}
.caribean-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #566d91 !important;
}
.caribean-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.caribean-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.caribean-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.caribean-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #566d91 !important;
}
.caribean-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #566d91 !important;
}
.caribean-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #4581ff !important;
}
.caribean-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #4581ff !important;
}
.caribean-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.caribean-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #566d91 !important;
}
.caribean-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #566d91 !important;
}
.caribean-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.caribean-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #566d91 !important;
}
.caribean-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #566d91 !important;
}
.caribean-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.caribean-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.caribean-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.caribean-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #4581ff !important;
}
.caribean-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #4581ff !important;
}
.caribean-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.caribean-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.caribean-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #4581ff !important;
}
.caribean-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #4581ff !important;
}
.caribean-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #4581ff !important;
}
.caribean-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #4581ff !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.caribean-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #4581ff !important;
}
.caribean-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #4581ff !important;
}
.caribean-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #566d91 !important;
}
.caribean-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #566d91 !important;
}
.caribean-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #566d91 !important;
}
.caribean-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.caribean-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.caribean-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.caribean-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.caribean-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.caribean-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #566d91 !important;
}
.caribean-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #566d91 !important;
}
.caribean-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #566d91 !important;
}
.caribean-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #566d91 !important;
}
.caribean-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #566d91 !important;
}
.caribean-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #566d91 !important;
}
.caribean-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.caribean-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #566d91 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.caribean-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.caribean-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.caribean-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.caribean-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.caribean-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.caribean-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #4581ff !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.caribean-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #566d91 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #566d91 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.caribean-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #566d91 !important;
}
.caribean-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.caribean-theme .button-text-hidden {
  display: none;
}
.sifer-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #f6a800;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #000000;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #000000;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f6a800 87%, transparent);
  --mat-form-field-filled-caret-color: #f6a800;
  --mat-form-field-filled-focus-active-indicator-color: #f6a800;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f6a800 87%, transparent);
  --mat-form-field-outlined-caret-color: #f6a800;
  --mat-form-field-outlined-focus-outline-color: #f6a800;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f6a800 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #f6a800;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #f6a800;
  --mat-slide-toggle-selected-handle-color: #f6a800;
  --mat-slide-toggle-selected-hover-state-layer-color: #f6a800;
  --mat-slide-toggle-selected-pressed-state-layer-color: #f6a800;
  --mat-slide-toggle-selected-focus-handle-color: #f6a800;
  --mat-slide-toggle-selected-hover-handle-color: #f6a800;
  --mat-slide-toggle-selected-pressed-handle-color: #f6a800;
  --mat-slide-toggle-selected-focus-track-color: #f9c24d;
  --mat-slide-toggle-selected-hover-track-color: #f9c24d;
  --mat-slide-toggle-selected-pressed-track-color: #f9c24d;
  --mat-slide-toggle-selected-track-color: #f9c24d;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #f6a800;
  --mat-slider-focus-handle-color: #f6a800;
  --mat-slider-handle-color: #f6a800;
  --mat-slider-hover-handle-color: #f6a800;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #f6a800 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #f6a800 4%, transparent);
  --mat-slider-inactive-track-color: #f6a800;
  --mat-slider-ripple-color: #f6a800;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #f6a800;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #000000;
  --mat-checkbox-selected-hover-icon-color: #000000;
  --mat-checkbox-selected-icon-color: #000000;
  --mat-checkbox-selected-pressed-icon-color: #000000;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #000000;
  --mat-checkbox-selected-hover-state-layer-color: #000000;
  --mat-checkbox-selected-pressed-state-layer-color: #000000;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #f9c24d;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #f6a800;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #f6a800;
  --mat-badge-text-color: #000000;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f6a800 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #000000 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #f6a800;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f6a800 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f6a800 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f6a800 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #f6a800;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #f6a800;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #f6a800;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #f6a800;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #f6a800;
  --mat-slide-toggle-selected-handle-color: #f6a800;
  --mat-slide-toggle-selected-hover-state-layer-color: #f6a800;
  --mat-slide-toggle-selected-pressed-state-layer-color: #f6a800;
  --mat-slide-toggle-selected-focus-handle-color: #f6a800;
  --mat-slide-toggle-selected-hover-handle-color: #f6a800;
  --mat-slide-toggle-selected-pressed-handle-color: #f6a800;
  --mat-slide-toggle-selected-focus-track-color: #f9c24d;
  --mat-slide-toggle-selected-hover-track-color: #f9c24d;
  --mat-slide-toggle-selected-pressed-track-color: #f9c24d;
  --mat-slide-toggle-selected-track-color: #f9c24d;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.sifer-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #000000;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.sifer-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.sifer-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #f6a800;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f6a800;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.sifer-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #000000;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #000000;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.sifer-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.sifer-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #f6a800;
  --mat-progress-bar-track-color: rgba(246, 168, 0, 0.25);
}
.sifer-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #000000;
  --mat-progress-bar-track-color: rgba(0, 0, 0, 0.25);
}
.sifer-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.sifer-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #000000 87%, transparent);
  --mat-form-field-filled-caret-color: #000000;
  --mat-form-field-filled-focus-active-indicator-color: #000000;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #000000 87%, transparent);
  --mat-form-field-outlined-caret-color: #000000;
  --mat-form-field-outlined-focus-outline-color: #000000;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #000000 87%, transparent);
}
.sifer-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.sifer-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #000000;
  --mat-select-invalid-arrow-color: #e74737;
}
.sifer-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.sifer-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.sifer-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.sifer-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.sifer-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #f6a800;
  --mat-chip-elevated-disabled-container-color: #f6a800;
  --mat-chip-elevated-selected-container-color: #f6a800;
  --mat-chip-flat-disabled-selected-container-color: #f6a800;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.sifer-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.sifer-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #000000;
  --mat-chip-elevated-disabled-container-color: #000000;
  --mat-chip-elevated-selected-container-color: #000000;
  --mat-chip-flat-disabled-selected-container-color: #000000;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.sifer-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.sifer-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.sifer-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.sifer-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.sifer-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #000000;
  --mat-slide-toggle-selected-handle-color: #000000;
  --mat-slide-toggle-selected-hover-state-layer-color: #000000;
  --mat-slide-toggle-selected-pressed-state-layer-color: #000000;
  --mat-slide-toggle-selected-focus-handle-color: #000000;
  --mat-slide-toggle-selected-hover-handle-color: #000000;
  --mat-slide-toggle-selected-pressed-handle-color: #000000;
  --mat-slide-toggle-selected-focus-track-color: #cbcbcb;
  --mat-slide-toggle-selected-hover-track-color: #cbcbcb;
  --mat-slide-toggle-selected-pressed-track-color: #cbcbcb;
  --mat-slide-toggle-selected-track-color: #cbcbcb;
}
.sifer-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.sifer-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.sifer-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #f6a800;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f6a800;
  --mat-radio-selected-hover-icon-color: #f6a800;
  --mat-radio-selected-icon-color: #f6a800;
  --mat-radio-selected-pressed-icon-color: #f6a800;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.sifer-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #000000;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #000000;
  --mat-radio-selected-hover-icon-color: #000000;
  --mat-radio-selected-icon-color: #000000;
  --mat-radio-selected-pressed-icon-color: #000000;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.sifer-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.sifer-theme .mat-accent {
  --mat-slider-active-track-color: #000000;
  --mat-slider-focus-handle-color: #000000;
  --mat-slider-handle-color: #000000;
  --mat-slider-hover-handle-color: #000000;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #000000 4%, transparent);
  --mat-slider-inactive-track-color: #000000;
  --mat-slider-ripple-color: #000000;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #000000;
}
.sifer-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.sifer-theme .mdc-list-item__start,
.sifer-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #f6a800;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f6a800;
  --mat-radio-selected-hover-icon-color: #f6a800;
  --mat-radio-selected-icon-color: #f6a800;
  --mat-radio-selected-pressed-icon-color: #f6a800;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.sifer-theme .mat-accent .mdc-list-item__start,
.sifer-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #000000;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #000000;
  --mat-radio-selected-hover-icon-color: #000000;
  --mat-radio-selected-icon-color: #000000;
  --mat-radio-selected-pressed-icon-color: #000000;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.sifer-theme .mat-warn .mdc-list-item__start,
.sifer-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.sifer-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #f6a800;
  --mat-checkbox-selected-hover-icon-color: #f6a800;
  --mat-checkbox-selected-icon-color: #f6a800;
  --mat-checkbox-selected-pressed-icon-color: #f6a800;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f6a800;
  --mat-checkbox-selected-hover-state-layer-color: #f6a800;
  --mat-checkbox-selected-pressed-state-layer-color: #f6a800;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.sifer-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #000000;
  --mat-checkbox-selected-hover-icon-color: #000000;
  --mat-checkbox-selected-icon-color: #000000;
  --mat-checkbox-selected-pressed-icon-color: #000000;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #000000;
  --mat-checkbox-selected-hover-state-layer-color: #000000;
  --mat-checkbox-selected-pressed-state-layer-color: #000000;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.sifer-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.sifer-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.sifer-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.sifer-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.sifer-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #f6a800;
}
.sifer-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.sifer-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.sifer-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.sifer-theme .mdc-list-item__start,
.sifer-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.sifer-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.sifer-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.sifer-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.sifer-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.sifer-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.sifer-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.sifer-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.sifer-theme .mat-mdc-tab-group,
.sifer-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #f6a800;
  --mat-tab-active-ripple-color: #f6a800;
  --mat-tab-inactive-ripple-color: #f6a800;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #f6a800;
  --mat-tab-active-hover-label-text-color: #f6a800;
  --mat-tab-active-focus-indicator-color: #f6a800;
  --mat-tab-active-hover-indicator-color: #f6a800;
  --mat-tab-active-indicator-color: #f6a800;
}
.sifer-theme .mat-mdc-tab-group.mat-accent,
.sifer-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #000000;
  --mat-tab-active-ripple-color: #000000;
  --mat-tab-inactive-ripple-color: #000000;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #000000;
  --mat-tab-active-hover-label-text-color: #000000;
  --mat-tab-active-focus-indicator-color: #000000;
  --mat-tab-active-hover-indicator-color: #000000;
  --mat-tab-active-indicator-color: #000000;
}
.sifer-theme .mat-mdc-tab-group.mat-warn,
.sifer-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.sifer-theme .mat-mdc-tab-group.mat-background-primary,
.sifer-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #f6a800;
  --mat-tab-foreground-color: #000000;
}
.sifer-theme .mat-mdc-tab-group.mat-background-accent,
.sifer-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #000000;
  --mat-tab-foreground-color: #000000;
}
.sifer-theme .mat-mdc-tab-group.mat-background-warn,
.sifer-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.sifer-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.sifer-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.sifer-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #f6a800;
  --mat-checkbox-selected-hover-icon-color: #f6a800;
  --mat-checkbox-selected-icon-color: #f6a800;
  --mat-checkbox-selected-pressed-icon-color: #f6a800;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f6a800;
  --mat-checkbox-selected-hover-state-layer-color: #f6a800;
  --mat-checkbox-selected-pressed-state-layer-color: #f6a800;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.sifer-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.sifer-theme .mat-mdc-button.mat-primary,
.sifer-theme .mat-mdc-unelevated-button.mat-primary,
.sifer-theme .mat-mdc-raised-button.mat-primary,
.sifer-theme .mat-mdc-outlined-button.mat-primary,
.sifer-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #f6a800;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #f6a800;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #f6a800 12%, transparent);
  --mat-button-outlined-state-layer-color: #f6a800;
  --mat-button-protected-container-color: #f6a800;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #f6a800;
  --mat-button-text-ripple-color: color-mix(in srgb, #f6a800 12%, transparent);
  --mat-button-text-state-layer-color: #f6a800;
  --mat-button-tonal-container-color: #f6a800;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.sifer-theme .mat-mdc-button.mat-accent,
.sifer-theme .mat-mdc-unelevated-button.mat-accent,
.sifer-theme .mat-mdc-raised-button.mat-accent,
.sifer-theme .mat-mdc-outlined-button.mat-accent,
.sifer-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #000000;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #000000;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-outlined-state-layer-color: #000000;
  --mat-button-protected-container-color: #000000;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #000000;
  --mat-button-text-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-text-state-layer-color: #000000;
  --mat-button-tonal-container-color: #000000;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.sifer-theme .mat-mdc-button.mat-warn,
.sifer-theme .mat-mdc-unelevated-button.mat-warn,
.sifer-theme .mat-mdc-raised-button.mat-warn,
.sifer-theme .mat-mdc-outlined-button.mat-warn,
.sifer-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.sifer-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #f6a800;
  --mat-icon-button-state-layer-color: #f6a800;
  --mat-icon-button-ripple-color: color-mix(in srgb, #f6a800 12%, transparent);
}
.sifer-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #000000;
  --mat-icon-button-state-layer-color: #000000;
  --mat-icon-button-ripple-color: color-mix(in srgb, #000000 12%, transparent);
}
.sifer-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.sifer-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.sifer-theme .mat-mdc-fab.mat-primary,
.sifer-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #f6a800;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #f6a800 12%, transparent);
  --mat-fab-small-container-color: #f6a800;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.sifer-theme .mat-mdc-fab.mat-accent,
.sifer-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #000000;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-container-color: #000000;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.sifer-theme .mat-mdc-fab.mat-warn,
.sifer-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.sifer-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #000000;
}
.sifer-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.sifer-theme .mat-badge-accent {
  --mat-badge-background-color: #000000;
  --mat-badge-text-color: #000000;
}
.sifer-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.sifer-theme .mat-datepicker-content.mat-accent,
.sifer-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #000000 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #000000 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #000000;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #000000 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #000000 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #000000;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.sifer-theme .mat-datepicker-content.mat-warn,
.sifer-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #000000 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.sifer-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.sifer-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.sifer-theme .mat-icon.mat-primary {
  --mat-icon-color: #f6a800;
}
.sifer-theme .mat-icon.mat-accent {
  --mat-icon-color: #000000;
}
.sifer-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.sifer-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #000000;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #000000;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #000000;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.sifer-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.sifer-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #f6a800;
  --mat-toolbar-container-text-color: #000000;
}
.sifer-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #000000;
  --mat-toolbar-container-text-color: #000000;
}
.sifer-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.sifer-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #000000;
  --mat-slide-toggle-selected-handle-color: #000000;
  --mat-slide-toggle-selected-hover-state-layer-color: #000000;
  --mat-slide-toggle-selected-pressed-state-layer-color: #000000;
  --mat-slide-toggle-selected-focus-handle-color: #000000;
  --mat-slide-toggle-selected-hover-handle-color: #000000;
  --mat-slide-toggle-selected-pressed-handle-color: #000000;
  --mat-slide-toggle-selected-focus-track-color: #cbcbcb;
  --mat-slide-toggle-selected-hover-track-color: #cbcbcb;
  --mat-slide-toggle-selected-pressed-track-color: #cbcbcb;
  --mat-slide-toggle-selected-track-color: #cbcbcb;
}
.sifer-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.sifer-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.sifer-theme .back-container {
  color: #f6a800;
}
.sifer-theme .back-container:hover {
  opacity: 0.54;
}
.sifer-theme .warn-text {
  color: #e74737;
}
.sifer-theme .inside-modal-title.primary-colored-title,
.sifer-theme .form-title.primary-colored-title {
  color: #f6a800;
}
.sifer-theme .full-height-container form .button-container {
  background: white;
}
.sifer-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.sifer-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.sifer-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.sifer-theme .box-checkbox.active-box-checkbox {
  background-color: #f6a800;
  color: white;
}
.sifer-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.sifer-theme .box-radio.active-box-radio {
  background-color: #f6a800;
  color: white;
}
.sifer-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.sifer-theme .error {
  color: #e74737;
}
.sifer-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.sifer-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.sifer-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.sifer-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.sifer-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.sifer-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.sifer-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.sifer-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.sifer-theme .ql-snow .ql-picker-options {
  background: white;
}
.sifer-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.sifer-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.sifer-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.sifer-theme .ql-snow .ql-fill,
.sifer-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.sifer-theme .ql-snow.ql-toolbar button:hover,
.sifer-theme .ql-snow .ql-toolbar button:hover,
.sifer-theme .ql-snow.ql-toolbar button:focus,
.sifer-theme .ql-snow .ql-toolbar button:focus,
.sifer-theme .ql-snow.ql-toolbar button.ql-active,
.sifer-theme .ql-snow .ql-toolbar button.ql-active,
.sifer-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.sifer-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.sifer-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.sifer-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.sifer-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.sifer-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.sifer-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.sifer-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.sifer-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.sifer-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.sifer-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.sifer-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.sifer-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.sifer-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.sifer-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.sifer-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.sifer-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.sifer-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.sifer-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.sifer-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.sifer-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.sifer-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.sifer-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.sifer-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.sifer-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.sifer-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.sifer-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.sifer-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.sifer-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.sifer-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.sifer-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.sifer-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.sifer-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.sifer-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.sifer-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.sifer-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.sifer-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.sifer-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.sifer-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.sifer-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.sifer-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.sifer-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.sifer-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.sifer-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.sifer-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.sifer-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.sifer-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.sifer-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.sifer-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.sifer-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.sifer-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.sifer-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.sifer-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.sifer-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.sifer-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.sifer-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.sifer-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.sifer-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.sifer-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.sifer-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.sifer-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.sifer-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.sifer-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.sifer-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.sifer-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.sifer-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.sifer-theme bee-form-item {
  margin-right: 0 !important;
}
.sifer-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.sifer-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #f6a800;
  height: 38px !important;
}
.sifer-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.sifer-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.sifer-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.sifer-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.sifer-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.sifer-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.sifer-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.sifer-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.sifer-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .sifer-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.sifer-theme .general-container .label-wrapper label {
  color: #f6a800 !important;
  background-color: white;
}
.sifer-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.sifer-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.sifer-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.sifer-theme .general-container .bee-selector .bee-selector-container {
  border-color: #f6a800 !important;
}
.sifer-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.sifer-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.sifer-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.sifer-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.sifer-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.sifer-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.sifer-theme .general-container .bee-selector .bee-selector-container:focus,
.sifer-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #f6a800;
}
.sifer-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.sifer-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #f6a800;
}
.sifer-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.sifer-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #f6a800;
}
.sifer-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.sifer-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.sifer-theme .general-container .bee-dropdown {
  background: white;
}
.sifer-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #f6a800;
}
.sifer-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.sifer-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.sifer-theme .general-container .selector-error {
  color: #e74737;
}
.sifer-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.sifer-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.sifer-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.sifer-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.sifer-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #f6a800;
}
.sifer-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.sifer-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.sifer-theme .move-image-action-container:hover {
  color: #f6a800;
}
.sifer-theme .info-icon {
  color: #f6a800;
}
.sifer-theme .email-chip {
  color: #f6a800 !important;
  background-color: rgba(246, 168, 0, 0.15) !important;
}
.sifer-theme .email-chip .mat-chip-remove {
  color: #f6a800 !important;
  opacity: 1 !important;
}
.sifer-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.sifer-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.sifer-theme .mat-badge-content {
  color: #f6a800 !important;
}
.sifer-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #f6a800 !important;
}
.sifer-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #f6a800 !important;
}
.sifer-theme #circle-lleno {
  background: #f7b526;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.sifer-theme .primary-contrast-text-color {
  color: #000000 !important;
}
.sifer-theme .marine-color {
  color: #0f223e !important;
}
.sifer-theme .primary-color {
  color: #f6a800 !important;
}
.sifer-theme .gray-color {
  color: #C0C4CA !important;
}
.sifer-theme .primary-color-200 {
  color: #fbd480 !important;
}
.sifer-theme svg.primary-fill-svg {
  fill: #f6a800 !important;
}
.sifer-theme .primary-fill {
  fill: #f6a800 !important;
}
.sifer-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.sifer-theme .primary-border-50 {
  border-color: #fef5e0 !important;
}
.sifer-theme .primary-border-100 {
  border-color: #fce5b3 !important;
}
.sifer-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.sifer-theme .transparent-border-100 {
  border-color: transparent !important;
}
.sifer-theme .primary-border-200 {
  border-color: #fbd480 !important;
}
.sifer-theme .primary-indicator .mat-expansion-indicator:after {
  color: #f6a800;
}
.sifer-theme .contrast-background {
  background-color: #000000 !important;
}
.sifer-theme .primary-color-small {
  color: rgba(246, 168, 0, 0.6);
}
.sifer-theme .marine-background {
  background-color: #0f223e !important;
}
.sifer-theme .primary-background {
  background-color: #f6a800 !important;
}
.sifer-theme .primary-background-50 {
  background-color: #fef5e0 !important;
}
.sifer-theme .primary-background-200 {
  background-color: #fbd480 !important;
}
.sifer-theme .primary-background-800 {
  background-color: #f28d00 !important;
}
.sifer-theme .white-color {
  color: white !important;
}
.sifer-theme .secondary-color {
  color: #f7b526 !important;
}
.sifer-theme .secondary-background {
  background-color: #f7b526 !important;
}
.sifer-theme .secondary-background-semi {
  background-color: #f6a800 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #f6a800 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.sifer-theme .secondary-background-full {
  background-color: #f6a800 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #f6a800 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.sifer-theme .secondary-background-empty {
  background-color: #f6a800 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #f6a800 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.sifer-theme .secondary-border {
  background-color: #f7b526 !important;
}
.sifer-theme .tertiary-color {
  color: #f7b526 !important;
}
.sifer-theme button.button-tertiary {
  background-color: #f7b526 !important;
  color: #f6a800 !important;
  border: 1px solid #f6a800 !important;
}
.sifer-theme span.red-text {
  color: #DB1F35 !important;
}
.sifer-theme .tertiary-background {
  background-color: #f7b526 !important;
}
.sifer-theme .tertiary-border {
  border-color: #f7b526 !important;
}
.sifer-theme .dark-background {
  background-color: black !important;
}
.sifer-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.sifer-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.sifer-theme .primary-soft-background {
  background-color: rgba(246, 168, 0, 0.1) !important;
}
.sifer-theme .primary-soft-background:hover {
  background-color: rgba(246, 168, 0, 0.15) !important;
}
.sifer-theme .primary-border {
  border-color: #f6a800 !important;
}
.sifer-theme .default-background {
  background-color: #fafafa !important;
}
.sifer-theme .hover-primary:hover {
  color: #f6a800 !important;
}
.sifer-theme .hover-primary-background:hover {
  background-color: #f6a800 !important;
}
.sifer-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.sifer-theme .warn-color {
  color: #e74737 !important;
}
.sifer-theme .warn-border {
  border-color: #e74737 !important;
}
.sifer-theme .accent-color {
  color: #000000 !important;
}
.sifer-theme .accent-background {
  background-color: #000000 !important;
}
.sifer-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.sifer-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.sifer-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.sifer-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.sifer-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.sifer-theme .dialog-table tr .action-icon {
  color: transparent;
}
.sifer-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.sifer-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.sifer-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #f6a800;
}
.sifer-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.sifer-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.sifer-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.sifer-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.sifer-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.sifer-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.sifer-theme .card-table tr .action-icon {
  color: transparent;
}
.sifer-theme .card-table tr .action-icon button {
  color: transparent;
}
.sifer-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.sifer-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.sifer-theme .card-table tr:hover .action-icon button {
  color: #f6a800;
}
.sifer-theme .card-table tr:hover .action-icon:hover {
  color: #f6a800;
}
.sifer-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.sifer-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.sifer-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.sifer-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.sifer-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #f6a800;
}
.sifer-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.sifer-theme .no-hover-table tr:hover {
  background: white;
}
.sifer-theme .custom-standard-chip {
  background-color: rgba(246, 168, 0, 0.1) !important;
  color: #f6a800 !important;
}
.sifer-theme .help-dashboard-card .mat-icon {
  color: #f6a800;
}
.sifer-theme .help-dashboard-card:hover {
  background-color: #f6a800;
}
.sifer-theme .help-dashboard-card:hover .mat-icon,
.sifer-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.sifer-theme .room-open {
  background-color: #f6a800 !important;
  color: white !important;
}
.sifer-theme .room-open:hover {
  background-color: #f6a800 !important;
  color: white !important;
}
.sifer-theme #public-office-page-groups .public-group-button-hover {
  background-color: #f6a800 !important;
  color: white !important;
}
.sifer-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.sifer-theme .notification-container .show-tip {
  color: transparent;
}
.sifer-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.sifer-theme .notification-container:hover .show-tip {
  color: #f6a800;
}
.sifer-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.sifer-theme .notification-container .notification-subject .mat-icon {
  color: #f6a800;
}
.sifer-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.sifer-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.sifer-theme .message-container .show-tip {
  color: transparent;
}
.sifer-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.sifer-theme .message-container:hover .show-tip {
  color: #f6a800;
}
.sifer-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.sifer-theme .message-container .message-subject .mat-icon {
  color: #f6a800;
}
.sifer-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.sifer-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.sifer-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.sifer-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.sifer-theme .primary-200-outline input {
  caret-color: #fbd480;
  color: #f6a800;
}
.sifer-theme .primary-200-outline label {
  color: #fbd480;
}
.sifer-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #fbd480 !important;
}
.sifer-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #fbd480;
}
.sifer-theme mat-form-field .primary-outline label {
  color: #f6a800 !important;
}
.sifer-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #f6a800 !important;
}
.sifer-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #f6a800 !important;
}
.sifer-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.sifer-theme .input-primary input {
  caret-color: #f6a800;
  color: #f6a800;
}
.sifer-theme .input-primary label {
  color: #f6a800;
}
.sifer-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #f6a800 !important;
}
.sifer-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.sifer-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #f6a800;
  border-width: 1px;
}
.sifer-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.sifer-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.sifer-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.sifer-theme .boton-recarga {
  background-color: #f6a800;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.sifer-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.sifer-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
}
.sifer-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.sifer-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.sifer-theme .header-container button {
  padding: 0 !important;
}
.sifer-theme .header-container .mat-button {
  min-width: unset !important;
}
.sifer-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.sifer-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sifer-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.sifer-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.sifer-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.sifer-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.sifer-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.sifer-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.sifer-theme .input-recarga-marine {
  border: 1px solid #f6a800 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.sifer-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.sifer-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.sifer-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.sifer-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.sifer-theme .color-primary {
  color: #f6a800 !important;
  fill: #f6a800 !important;
}
.sifer-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.sifer-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.sifer-theme .primary-contrast {
  color: #000000 !important;
}
.sifer-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #f6a800 !important;
}
.sifer-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #f6a800 !important;
}
.sifer-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.sifer-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #f6a800 !important;
}
.sifer-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.sifer-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.sifer-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.sifer-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #f6a800 !important;
}
.sifer-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #f6a800 !important;
}
.sifer-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #f6a800 !important;
}
.sifer-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #f6a800 !important;
}
.sifer-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #f6a800 !important;
}
.sifer-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.sifer-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #f6a800 !important;
}
.sifer-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.sifer-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #f6a800 !important;
}
.sifer-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.sifer-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.sifer-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #f6a800 !important;
}
.sifer-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #f7b526 !important;
}
.sifer-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.sifer-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #f6a800 !important;
}
.sifer-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #f6a800 !important;
}
.sifer-theme .mat-checkbox-checked .mat-checkbox-background,
.sifer-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #f6a800 !important;
}
.sifer-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #f6a800 !important;
}
.sifer-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.sifer-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #f6a800 !important;
}
.sifer-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.sifer-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #f6a800 !important;
}
.sifer-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #fbd480 !important;
}
.sifer-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #f6a800 !important;
}
.sifer-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.sifer-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.sifer-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.sifer-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.sifer-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #f6a800 !important;
}
.sifer-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #f6a800 !important;
}
.sifer-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #f6a800 !important;
}
.sifer-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.sifer-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #f6a800 !important;
}
.sifer-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #f6a800 !important;
}
.sifer-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #f6a800 !important;
}
.sifer-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.sifer-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.sifer-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #f6a800 !important;
}
.sifer-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #f6a800 !important;
}
.sifer-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.sifer-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.sifer-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #f6a800 !important;
}
.sifer-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.sifer-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.sifer-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.sifer-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #f6a800 !important;
}
.sifer-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.sifer-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #f6a800 !important;
}
.sifer-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #f6a800 !important;
}
.sifer-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #f6a800 !important;
}
.sifer-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.sifer-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.sifer-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.sifer-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #f6a800 !important;
}
.sifer-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #f6a800 !important;
}
.sifer-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #f7b526 !important;
}
.sifer-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #f7b526 !important;
}
.sifer-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.sifer-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #f6a800 !important;
}
.sifer-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #f6a800 !important;
}
.sifer-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.sifer-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #f6a800 !important;
}
.sifer-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #f6a800 !important;
}
.sifer-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.sifer-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.sifer-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.sifer-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #f7b526 !important;
}
.sifer-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #f7b526 !important;
}
.sifer-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.sifer-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.sifer-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #f7b526 !important;
}
.sifer-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #f7b526 !important;
}
.sifer-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #f7b526 !important;
}
.sifer-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #f7b526 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.sifer-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #f7b526 !important;
}
.sifer-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #f7b526 !important;
}
.sifer-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #f6a800 !important;
}
.sifer-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #f6a800 !important;
}
.sifer-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #f6a800 !important;
}
.sifer-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #000000 !important;
}
.sifer-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.sifer-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #000000 !important;
}
.sifer-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.sifer-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.sifer-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #f6a800 !important;
}
.sifer-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #f6a800 !important;
}
.sifer-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #f6a800 !important;
}
.sifer-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #f6a800 !important;
}
.sifer-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #f6a800 !important;
}
.sifer-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #f6a800 !important;
}
.sifer-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.sifer-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #000000;
  background-color: #f6a800 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.sifer-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.sifer-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.sifer-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.sifer-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.sifer-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.sifer-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #f7b526 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.sifer-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #f6a800 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #f6a800 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.sifer-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #f6a800 !important;
}
.sifer-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.sifer-theme .button-text-hidden {
  display: none;
}
.tfdc-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #f0b800;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #37A1DB;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #37A1DB;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f0b800 87%, transparent);
  --mat-form-field-filled-caret-color: #f0b800;
  --mat-form-field-filled-focus-active-indicator-color: #f0b800;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f0b800 87%, transparent);
  --mat-form-field-outlined-caret-color: #f0b800;
  --mat-form-field-outlined-focus-outline-color: #f0b800;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f0b800 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #f0b800;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #f0b800;
  --mat-slide-toggle-selected-handle-color: #f0b800;
  --mat-slide-toggle-selected-hover-state-layer-color: #f0b800;
  --mat-slide-toggle-selected-pressed-state-layer-color: #f0b800;
  --mat-slide-toggle-selected-focus-handle-color: #f0b800;
  --mat-slide-toggle-selected-hover-handle-color: #f0b800;
  --mat-slide-toggle-selected-pressed-handle-color: #f0b800;
  --mat-slide-toggle-selected-focus-track-color: #f5cd4d;
  --mat-slide-toggle-selected-hover-track-color: #f5cd4d;
  --mat-slide-toggle-selected-pressed-track-color: #f5cd4d;
  --mat-slide-toggle-selected-track-color: #f5cd4d;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #f0b800;
  --mat-slider-focus-handle-color: #f0b800;
  --mat-slider-handle-color: #f0b800;
  --mat-slider-hover-handle-color: #f0b800;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #f0b800 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #f0b800 4%, transparent);
  --mat-slider-inactive-track-color: #f0b800;
  --mat-slider-ripple-color: #f0b800;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #f0b800;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #37A1DB;
  --mat-checkbox-selected-hover-icon-color: #37A1DB;
  --mat-checkbox-selected-icon-color: #37A1DB;
  --mat-checkbox-selected-pressed-icon-color: #37A1DB;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #37A1DB;
  --mat-checkbox-selected-hover-state-layer-color: #37A1DB;
  --mat-checkbox-selected-pressed-state-layer-color: #37A1DB;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #f5cd4d;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #f0b800;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #f0b800;
  --mat-badge-text-color: #000000;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f0b800 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #37A1DB 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #f0b800;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f0b800 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f0b800 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f0b800 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #f0b800;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #f0b800;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #f0b800;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #f0b800;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #f0b800;
  --mat-slide-toggle-selected-handle-color: #f0b800;
  --mat-slide-toggle-selected-hover-state-layer-color: #f0b800;
  --mat-slide-toggle-selected-pressed-state-layer-color: #f0b800;
  --mat-slide-toggle-selected-focus-handle-color: #f0b800;
  --mat-slide-toggle-selected-hover-handle-color: #f0b800;
  --mat-slide-toggle-selected-pressed-handle-color: #f0b800;
  --mat-slide-toggle-selected-focus-track-color: #f5cd4d;
  --mat-slide-toggle-selected-hover-track-color: #f5cd4d;
  --mat-slide-toggle-selected-pressed-track-color: #f5cd4d;
  --mat-slide-toggle-selected-track-color: #f5cd4d;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.tfdc-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #37A1DB;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.tfdc-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.tfdc-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #f0b800;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f0b800;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.tfdc-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #37A1DB;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #37A1DB;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.tfdc-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.tfdc-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #f0b800;
  --mat-progress-bar-track-color: rgba(240, 184, 0, 0.25);
}
.tfdc-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #37A1DB;
  --mat-progress-bar-track-color: rgba(55, 161, 219, 0.25);
}
.tfdc-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.tfdc-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #37A1DB 87%, transparent);
  --mat-form-field-filled-caret-color: #37A1DB;
  --mat-form-field-filled-focus-active-indicator-color: #37A1DB;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #37A1DB 87%, transparent);
  --mat-form-field-outlined-caret-color: #37A1DB;
  --mat-form-field-outlined-focus-outline-color: #37A1DB;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #37A1DB 87%, transparent);
}
.tfdc-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.tfdc-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #37A1DB;
  --mat-select-invalid-arrow-color: #e74737;
}
.tfdc-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.tfdc-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.tfdc-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.tfdc-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.tfdc-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #f0b800;
  --mat-chip-elevated-disabled-container-color: #f0b800;
  --mat-chip-elevated-selected-container-color: #f0b800;
  --mat-chip-flat-disabled-selected-container-color: #f0b800;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.tfdc-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.tfdc-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #37A1DB;
  --mat-chip-elevated-disabled-container-color: #37A1DB;
  --mat-chip-elevated-selected-container-color: #37A1DB;
  --mat-chip-flat-disabled-selected-container-color: #37A1DB;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.tfdc-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.tfdc-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.tfdc-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.tfdc-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.tfdc-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #37A1DB;
  --mat-slide-toggle-selected-handle-color: #37A1DB;
  --mat-slide-toggle-selected-hover-state-layer-color: #37A1DB;
  --mat-slide-toggle-selected-pressed-state-layer-color: #37A1DB;
  --mat-slide-toggle-selected-focus-handle-color: #37A1DB;
  --mat-slide-toggle-selected-hover-handle-color: #37A1DB;
  --mat-slide-toggle-selected-pressed-handle-color: #37A1DB;
  --mat-slide-toggle-selected-focus-track-color: #cbcbcb;
  --mat-slide-toggle-selected-hover-track-color: #cbcbcb;
  --mat-slide-toggle-selected-pressed-track-color: #cbcbcb;
  --mat-slide-toggle-selected-track-color: #cbcbcb;
}
.tfdc-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.tfdc-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.tfdc-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #f0b800;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f0b800;
  --mat-radio-selected-hover-icon-color: #f0b800;
  --mat-radio-selected-icon-color: #f0b800;
  --mat-radio-selected-pressed-icon-color: #f0b800;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.tfdc-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #37A1DB;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #37A1DB;
  --mat-radio-selected-hover-icon-color: #37A1DB;
  --mat-radio-selected-icon-color: #37A1DB;
  --mat-radio-selected-pressed-icon-color: #37A1DB;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.tfdc-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.tfdc-theme .mat-accent {
  --mat-slider-active-track-color: #37A1DB;
  --mat-slider-focus-handle-color: #37A1DB;
  --mat-slider-handle-color: #37A1DB;
  --mat-slider-hover-handle-color: #37A1DB;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #37A1DB 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #37A1DB 4%, transparent);
  --mat-slider-inactive-track-color: #37A1DB;
  --mat-slider-ripple-color: #37A1DB;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #37A1DB;
}
.tfdc-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.tfdc-theme .mdc-list-item__start,
.tfdc-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #f0b800;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f0b800;
  --mat-radio-selected-hover-icon-color: #f0b800;
  --mat-radio-selected-icon-color: #f0b800;
  --mat-radio-selected-pressed-icon-color: #f0b800;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.tfdc-theme .mat-accent .mdc-list-item__start,
.tfdc-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #37A1DB;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #37A1DB;
  --mat-radio-selected-hover-icon-color: #37A1DB;
  --mat-radio-selected-icon-color: #37A1DB;
  --mat-radio-selected-pressed-icon-color: #37A1DB;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.tfdc-theme .mat-warn .mdc-list-item__start,
.tfdc-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.tfdc-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #f0b800;
  --mat-checkbox-selected-hover-icon-color: #f0b800;
  --mat-checkbox-selected-icon-color: #f0b800;
  --mat-checkbox-selected-pressed-icon-color: #f0b800;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f0b800;
  --mat-checkbox-selected-hover-state-layer-color: #f0b800;
  --mat-checkbox-selected-pressed-state-layer-color: #f0b800;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.tfdc-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #37A1DB;
  --mat-checkbox-selected-hover-icon-color: #37A1DB;
  --mat-checkbox-selected-icon-color: #37A1DB;
  --mat-checkbox-selected-pressed-icon-color: #37A1DB;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #37A1DB;
  --mat-checkbox-selected-hover-state-layer-color: #37A1DB;
  --mat-checkbox-selected-pressed-state-layer-color: #37A1DB;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.tfdc-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.tfdc-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.tfdc-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.tfdc-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.tfdc-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #f0b800;
}
.tfdc-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.tfdc-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.tfdc-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.tfdc-theme .mdc-list-item__start,
.tfdc-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.tfdc-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.tfdc-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.tfdc-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.tfdc-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.tfdc-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.tfdc-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.tfdc-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.tfdc-theme .mat-mdc-tab-group,
.tfdc-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #f0b800;
  --mat-tab-active-ripple-color: #f0b800;
  --mat-tab-inactive-ripple-color: #f0b800;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #f0b800;
  --mat-tab-active-hover-label-text-color: #f0b800;
  --mat-tab-active-focus-indicator-color: #f0b800;
  --mat-tab-active-hover-indicator-color: #f0b800;
  --mat-tab-active-indicator-color: #f0b800;
}
.tfdc-theme .mat-mdc-tab-group.mat-accent,
.tfdc-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #37A1DB;
  --mat-tab-active-ripple-color: #37A1DB;
  --mat-tab-inactive-ripple-color: #37A1DB;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #37A1DB;
  --mat-tab-active-hover-label-text-color: #37A1DB;
  --mat-tab-active-focus-indicator-color: #37A1DB;
  --mat-tab-active-hover-indicator-color: #37A1DB;
  --mat-tab-active-indicator-color: #37A1DB;
}
.tfdc-theme .mat-mdc-tab-group.mat-warn,
.tfdc-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.tfdc-theme .mat-mdc-tab-group.mat-background-primary,
.tfdc-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #f0b800;
  --mat-tab-foreground-color: #000000;
}
.tfdc-theme .mat-mdc-tab-group.mat-background-accent,
.tfdc-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #37A1DB;
  --mat-tab-foreground-color: #000000;
}
.tfdc-theme .mat-mdc-tab-group.mat-background-warn,
.tfdc-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.tfdc-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.tfdc-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.tfdc-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #f0b800;
  --mat-checkbox-selected-hover-icon-color: #f0b800;
  --mat-checkbox-selected-icon-color: #f0b800;
  --mat-checkbox-selected-pressed-icon-color: #f0b800;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f0b800;
  --mat-checkbox-selected-hover-state-layer-color: #f0b800;
  --mat-checkbox-selected-pressed-state-layer-color: #f0b800;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.tfdc-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.tfdc-theme .mat-mdc-button.mat-primary,
.tfdc-theme .mat-mdc-unelevated-button.mat-primary,
.tfdc-theme .mat-mdc-raised-button.mat-primary,
.tfdc-theme .mat-mdc-outlined-button.mat-primary,
.tfdc-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #f0b800;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #f0b800;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #f0b800 12%, transparent);
  --mat-button-outlined-state-layer-color: #f0b800;
  --mat-button-protected-container-color: #f0b800;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #f0b800;
  --mat-button-text-ripple-color: color-mix(in srgb, #f0b800 12%, transparent);
  --mat-button-text-state-layer-color: #f0b800;
  --mat-button-tonal-container-color: #f0b800;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.tfdc-theme .mat-mdc-button.mat-accent,
.tfdc-theme .mat-mdc-unelevated-button.mat-accent,
.tfdc-theme .mat-mdc-raised-button.mat-accent,
.tfdc-theme .mat-mdc-outlined-button.mat-accent,
.tfdc-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #37A1DB;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #37A1DB;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #37A1DB 12%, transparent);
  --mat-button-outlined-state-layer-color: #37A1DB;
  --mat-button-protected-container-color: #37A1DB;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #37A1DB;
  --mat-button-text-ripple-color: color-mix(in srgb, #37A1DB 12%, transparent);
  --mat-button-text-state-layer-color: #37A1DB;
  --mat-button-tonal-container-color: #37A1DB;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.tfdc-theme .mat-mdc-button.mat-warn,
.tfdc-theme .mat-mdc-unelevated-button.mat-warn,
.tfdc-theme .mat-mdc-raised-button.mat-warn,
.tfdc-theme .mat-mdc-outlined-button.mat-warn,
.tfdc-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.tfdc-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #f0b800;
  --mat-icon-button-state-layer-color: #f0b800;
  --mat-icon-button-ripple-color: color-mix(in srgb, #f0b800 12%, transparent);
}
.tfdc-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #37A1DB;
  --mat-icon-button-state-layer-color: #37A1DB;
  --mat-icon-button-ripple-color: color-mix(in srgb, #37A1DB 12%, transparent);
}
.tfdc-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.tfdc-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.tfdc-theme .mat-mdc-fab.mat-primary,
.tfdc-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #f0b800;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #f0b800 12%, transparent);
  --mat-fab-small-container-color: #f0b800;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.tfdc-theme .mat-mdc-fab.mat-accent,
.tfdc-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #37A1DB;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #37A1DB 12%, transparent);
  --mat-fab-small-container-color: #37A1DB;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.tfdc-theme .mat-mdc-fab.mat-warn,
.tfdc-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.tfdc-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #37A1DB;
}
.tfdc-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.tfdc-theme .mat-badge-accent {
  --mat-badge-background-color: #37A1DB;
  --mat-badge-text-color: #000000;
}
.tfdc-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.tfdc-theme .mat-datepicker-content.mat-accent,
.tfdc-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #37A1DB 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #37A1DB 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #37A1DB;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #37A1DB 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #37A1DB 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #37A1DB 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #37A1DB;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.tfdc-theme .mat-datepicker-content.mat-warn,
.tfdc-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #37A1DB 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.tfdc-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.tfdc-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.tfdc-theme .mat-icon.mat-primary {
  --mat-icon-color: #f0b800;
}
.tfdc-theme .mat-icon.mat-accent {
  --mat-icon-color: #37A1DB;
}
.tfdc-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.tfdc-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #37A1DB;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #37A1DB;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #37A1DB;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.tfdc-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.tfdc-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #f0b800;
  --mat-toolbar-container-text-color: #000000;
}
.tfdc-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #37A1DB;
  --mat-toolbar-container-text-color: #000000;
}
.tfdc-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.tfdc-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #37A1DB;
  --mat-slide-toggle-selected-handle-color: #37A1DB;
  --mat-slide-toggle-selected-hover-state-layer-color: #37A1DB;
  --mat-slide-toggle-selected-pressed-state-layer-color: #37A1DB;
  --mat-slide-toggle-selected-focus-handle-color: #37A1DB;
  --mat-slide-toggle-selected-hover-handle-color: #37A1DB;
  --mat-slide-toggle-selected-pressed-handle-color: #37A1DB;
  --mat-slide-toggle-selected-focus-track-color: #cbcbcb;
  --mat-slide-toggle-selected-hover-track-color: #cbcbcb;
  --mat-slide-toggle-selected-pressed-track-color: #cbcbcb;
  --mat-slide-toggle-selected-track-color: #cbcbcb;
}
.tfdc-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.tfdc-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.tfdc-theme .back-container {
  color: #f0b800;
}
.tfdc-theme .back-container:hover {
  opacity: 0.54;
}
.tfdc-theme .warn-text {
  color: #e74737;
}
.tfdc-theme .inside-modal-title.primary-colored-title,
.tfdc-theme .form-title.primary-colored-title {
  color: #f0b800;
}
.tfdc-theme .full-height-container form .button-container {
  background: white;
}
.tfdc-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.tfdc-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.tfdc-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.tfdc-theme .box-checkbox.active-box-checkbox {
  background-color: #f0b800;
  color: white;
}
.tfdc-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.tfdc-theme .box-radio.active-box-radio {
  background-color: #f0b800;
  color: white;
}
.tfdc-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.tfdc-theme .error {
  color: #e74737;
}
.tfdc-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.tfdc-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.tfdc-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.tfdc-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.tfdc-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.tfdc-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.tfdc-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.tfdc-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.tfdc-theme .ql-snow .ql-picker-options {
  background: white;
}
.tfdc-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.tfdc-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.tfdc-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.tfdc-theme .ql-snow .ql-fill,
.tfdc-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.tfdc-theme .ql-snow.ql-toolbar button:hover,
.tfdc-theme .ql-snow .ql-toolbar button:hover,
.tfdc-theme .ql-snow.ql-toolbar button:focus,
.tfdc-theme .ql-snow .ql-toolbar button:focus,
.tfdc-theme .ql-snow.ql-toolbar button.ql-active,
.tfdc-theme .ql-snow .ql-toolbar button.ql-active,
.tfdc-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.tfdc-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.tfdc-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.tfdc-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.tfdc-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.tfdc-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.tfdc-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.tfdc-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.tfdc-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.tfdc-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.tfdc-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.tfdc-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.tfdc-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.tfdc-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.tfdc-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.tfdc-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.tfdc-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.tfdc-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.tfdc-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.tfdc-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.tfdc-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.tfdc-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.tfdc-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.tfdc-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.tfdc-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.tfdc-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.tfdc-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.tfdc-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.tfdc-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.tfdc-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.tfdc-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.tfdc-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.tfdc-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.tfdc-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.tfdc-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.tfdc-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.tfdc-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.tfdc-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.tfdc-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.tfdc-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.tfdc-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.tfdc-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.tfdc-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.tfdc-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.tfdc-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.tfdc-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.tfdc-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.tfdc-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.tfdc-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.tfdc-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.tfdc-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.tfdc-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.tfdc-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.tfdc-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.tfdc-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.tfdc-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.tfdc-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.tfdc-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.tfdc-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.tfdc-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.tfdc-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.tfdc-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.tfdc-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.tfdc-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.tfdc-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.tfdc-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.tfdc-theme bee-form-item {
  margin-right: 0 !important;
}
.tfdc-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.tfdc-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #f0b800;
  height: 38px !important;
}
.tfdc-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.tfdc-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.tfdc-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.tfdc-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.tfdc-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.tfdc-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.tfdc-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.tfdc-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.tfdc-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .tfdc-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.tfdc-theme .general-container .label-wrapper label {
  color: #f0b800 !important;
  background-color: white;
}
.tfdc-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.tfdc-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.tfdc-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.tfdc-theme .general-container .bee-selector .bee-selector-container {
  border-color: #f0b800 !important;
}
.tfdc-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.tfdc-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.tfdc-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.tfdc-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.tfdc-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.tfdc-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.tfdc-theme .general-container .bee-selector .bee-selector-container:focus,
.tfdc-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #f0b800;
}
.tfdc-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.tfdc-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #f0b800;
}
.tfdc-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.tfdc-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #f0b800;
}
.tfdc-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.tfdc-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.tfdc-theme .general-container .bee-dropdown {
  background: white;
}
.tfdc-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #f0b800;
}
.tfdc-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.tfdc-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.tfdc-theme .general-container .selector-error {
  color: #e74737;
}
.tfdc-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.tfdc-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.tfdc-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.tfdc-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.tfdc-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #f0b800;
}
.tfdc-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.tfdc-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.tfdc-theme .move-image-action-container:hover {
  color: #f0b800;
}
.tfdc-theme .info-icon {
  color: #f0b800;
}
.tfdc-theme .email-chip {
  color: #f0b800 !important;
  background-color: rgba(240, 184, 0, 0.15) !important;
}
.tfdc-theme .email-chip .mat-chip-remove {
  color: #f0b800 !important;
  opacity: 1 !important;
}
.tfdc-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.tfdc-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.tfdc-theme .mat-badge-content {
  color: #f0b800 !important;
}
.tfdc-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #f0b800 !important;
}
.tfdc-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #f0b800 !important;
}
.tfdc-theme #circle-lleno {
  background: #f2c326;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.tfdc-theme .primary-contrast-text-color {
  color: #000000 !important;
}
.tfdc-theme .marine-color {
  color: #0f223e !important;
}
.tfdc-theme .primary-color {
  color: #f0b800 !important;
}
.tfdc-theme .gray-color {
  color: #C0C4CA !important;
}
.tfdc-theme .primary-color-200 {
  color: #f8dc80 !important;
}
.tfdc-theme svg.primary-fill-svg {
  fill: #f0b800 !important;
}
.tfdc-theme .primary-fill {
  fill: #f0b800 !important;
}
.tfdc-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.tfdc-theme .primary-border-50 {
  border-color: #fdf6e0 !important;
}
.tfdc-theme .primary-border-100 {
  border-color: #fbeab3 !important;
}
.tfdc-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.tfdc-theme .transparent-border-100 {
  border-color: transparent !important;
}
.tfdc-theme .primary-border-200 {
  border-color: #f8dc80 !important;
}
.tfdc-theme .primary-indicator .mat-expansion-indicator:after {
  color: #f0b800;
}
.tfdc-theme .contrast-background {
  background-color: #000000 !important;
}
.tfdc-theme .primary-color-small {
  color: rgba(240, 184, 0, 0.6);
}
.tfdc-theme .marine-background {
  background-color: #0f223e !important;
}
.tfdc-theme .primary-background {
  background-color: #f0b800 !important;
}
.tfdc-theme .primary-background-50 {
  background-color: #fdf6e0 !important;
}
.tfdc-theme .primary-background-200 {
  background-color: #f8dc80 !important;
}
.tfdc-theme .primary-background-800 {
  background-color: #e9a000 !important;
}
.tfdc-theme .white-color {
  color: white !important;
}
.tfdc-theme .secondary-color {
  color: #f2c326 !important;
}
.tfdc-theme .secondary-background {
  background-color: #f2c326 !important;
}
.tfdc-theme .secondary-background-semi {
  background-color: #f0b800 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #f0b800 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.tfdc-theme .secondary-background-full {
  background-color: #f0b800 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #f0b800 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.tfdc-theme .secondary-background-empty {
  background-color: #f0b800 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #f0b800 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.tfdc-theme .secondary-border {
  background-color: #f2c326 !important;
}
.tfdc-theme .tertiary-color {
  color: #f2c326 !important;
}
.tfdc-theme button.button-tertiary {
  background-color: #f2c326 !important;
  color: #f0b800 !important;
  border: 1px solid #f0b800 !important;
}
.tfdc-theme span.red-text {
  color: #DB1F35 !important;
}
.tfdc-theme .tertiary-background {
  background-color: #f2c326 !important;
}
.tfdc-theme .tertiary-border {
  border-color: #f2c326 !important;
}
.tfdc-theme .dark-background {
  background-color: black !important;
}
.tfdc-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.tfdc-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.tfdc-theme .primary-soft-background {
  background-color: rgba(240, 184, 0, 0.1) !important;
}
.tfdc-theme .primary-soft-background:hover {
  background-color: rgba(240, 184, 0, 0.15) !important;
}
.tfdc-theme .primary-border {
  border-color: #f0b800 !important;
}
.tfdc-theme .default-background {
  background-color: #fafafa !important;
}
.tfdc-theme .hover-primary:hover {
  color: #f0b800 !important;
}
.tfdc-theme .hover-primary-background:hover {
  background-color: #f0b800 !important;
}
.tfdc-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.tfdc-theme .warn-color {
  color: #e74737 !important;
}
.tfdc-theme .warn-border {
  border-color: #e74737 !important;
}
.tfdc-theme .accent-color {
  color: #37A1DB !important;
}
.tfdc-theme .accent-background {
  background-color: #37A1DB !important;
}
.tfdc-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.tfdc-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.tfdc-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.tfdc-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.tfdc-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.tfdc-theme .dialog-table tr .action-icon {
  color: transparent;
}
.tfdc-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.tfdc-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.tfdc-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #f0b800;
}
.tfdc-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.tfdc-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.tfdc-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.tfdc-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.tfdc-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.tfdc-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.tfdc-theme .card-table tr .action-icon {
  color: transparent;
}
.tfdc-theme .card-table tr .action-icon button {
  color: transparent;
}
.tfdc-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.tfdc-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.tfdc-theme .card-table tr:hover .action-icon button {
  color: #f0b800;
}
.tfdc-theme .card-table tr:hover .action-icon:hover {
  color: #f0b800;
}
.tfdc-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.tfdc-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.tfdc-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.tfdc-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.tfdc-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #f0b800;
}
.tfdc-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.tfdc-theme .no-hover-table tr:hover {
  background: white;
}
.tfdc-theme .custom-standard-chip {
  background-color: rgba(240, 184, 0, 0.1) !important;
  color: #f0b800 !important;
}
.tfdc-theme .help-dashboard-card .mat-icon {
  color: #f0b800;
}
.tfdc-theme .help-dashboard-card:hover {
  background-color: #f0b800;
}
.tfdc-theme .help-dashboard-card:hover .mat-icon,
.tfdc-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.tfdc-theme .room-open {
  background-color: #f0b800 !important;
  color: white !important;
}
.tfdc-theme .room-open:hover {
  background-color: #f0b800 !important;
  color: white !important;
}
.tfdc-theme #public-office-page-groups .public-group-button-hover {
  background-color: #f0b800 !important;
  color: white !important;
}
.tfdc-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.tfdc-theme .notification-container .show-tip {
  color: transparent;
}
.tfdc-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.tfdc-theme .notification-container:hover .show-tip {
  color: #f0b800;
}
.tfdc-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.tfdc-theme .notification-container .notification-subject .mat-icon {
  color: #f0b800;
}
.tfdc-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.tfdc-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.tfdc-theme .message-container .show-tip {
  color: transparent;
}
.tfdc-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.tfdc-theme .message-container:hover .show-tip {
  color: #f0b800;
}
.tfdc-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.tfdc-theme .message-container .message-subject .mat-icon {
  color: #f0b800;
}
.tfdc-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.tfdc-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.tfdc-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.tfdc-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.tfdc-theme .primary-200-outline input {
  caret-color: #f8dc80;
  color: #f0b800;
}
.tfdc-theme .primary-200-outline label {
  color: #f8dc80;
}
.tfdc-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #f8dc80 !important;
}
.tfdc-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #f8dc80;
}
.tfdc-theme mat-form-field .primary-outline label {
  color: #f0b800 !important;
}
.tfdc-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #f0b800 !important;
}
.tfdc-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #f0b800 !important;
}
.tfdc-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.tfdc-theme .input-primary input {
  caret-color: #f0b800;
  color: #f0b800;
}
.tfdc-theme .input-primary label {
  color: #f0b800;
}
.tfdc-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #f0b800 !important;
}
.tfdc-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.tfdc-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #f0b800;
  border-width: 1px;
}
.tfdc-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.tfdc-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.tfdc-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.tfdc-theme .boton-recarga {
  background-color: #f0b800;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.tfdc-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.tfdc-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
}
.tfdc-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.tfdc-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.tfdc-theme .header-container button {
  padding: 0 !important;
}
.tfdc-theme .header-container .mat-button {
  min-width: unset !important;
}
.tfdc-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.tfdc-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tfdc-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.tfdc-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.tfdc-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.tfdc-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.tfdc-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.tfdc-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.tfdc-theme .input-recarga-marine {
  border: 1px solid #f0b800 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.tfdc-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.tfdc-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.tfdc-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.tfdc-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.tfdc-theme .color-primary {
  color: #f0b800 !important;
  fill: #f0b800 !important;
}
.tfdc-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.tfdc-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.tfdc-theme .primary-contrast {
  color: #000000 !important;
}
.tfdc-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #f0b800 !important;
}
.tfdc-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #f0b800 !important;
}
.tfdc-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.tfdc-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #f0b800 !important;
}
.tfdc-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.tfdc-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.tfdc-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.tfdc-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #f0b800 !important;
}
.tfdc-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #f0b800 !important;
}
.tfdc-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #f0b800 !important;
}
.tfdc-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #f0b800 !important;
}
.tfdc-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #f0b800 !important;
}
.tfdc-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.tfdc-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #f0b800 !important;
}
.tfdc-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.tfdc-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #f0b800 !important;
}
.tfdc-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.tfdc-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.tfdc-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #f0b800 !important;
}
.tfdc-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #f2c326 !important;
}
.tfdc-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.tfdc-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #f0b800 !important;
}
.tfdc-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #f0b800 !important;
}
.tfdc-theme .mat-checkbox-checked .mat-checkbox-background,
.tfdc-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #f0b800 !important;
}
.tfdc-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #f0b800 !important;
}
.tfdc-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.tfdc-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #f0b800 !important;
}
.tfdc-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.tfdc-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #f0b800 !important;
}
.tfdc-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #f8dc80 !important;
}
.tfdc-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #f0b800 !important;
}
.tfdc-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.tfdc-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.tfdc-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.tfdc-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.tfdc-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #f0b800 !important;
}
.tfdc-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #f0b800 !important;
}
.tfdc-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #f0b800 !important;
}
.tfdc-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.tfdc-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #f0b800 !important;
}
.tfdc-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #f0b800 !important;
}
.tfdc-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #f0b800 !important;
}
.tfdc-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.tfdc-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.tfdc-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #f0b800 !important;
}
.tfdc-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #f0b800 !important;
}
.tfdc-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.tfdc-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.tfdc-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #f0b800 !important;
}
.tfdc-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #37A1DB !important;
}
.tfdc-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #37A1DB !important;
}
.tfdc-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #37A1DB !important;
}
.tfdc-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #f0b800 !important;
}
.tfdc-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.tfdc-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #f0b800 !important;
}
.tfdc-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #f0b800 !important;
}
.tfdc-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #f0b800 !important;
}
.tfdc-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.tfdc-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.tfdc-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.tfdc-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #f0b800 !important;
}
.tfdc-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #f0b800 !important;
}
.tfdc-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #f2c326 !important;
}
.tfdc-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #f2c326 !important;
}
.tfdc-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.tfdc-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #f0b800 !important;
}
.tfdc-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #f0b800 !important;
}
.tfdc-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.tfdc-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #f0b800 !important;
}
.tfdc-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #f0b800 !important;
}
.tfdc-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.tfdc-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.tfdc-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.tfdc-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #f2c326 !important;
}
.tfdc-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #f2c326 !important;
}
.tfdc-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.tfdc-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.tfdc-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #f2c326 !important;
}
.tfdc-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #f2c326 !important;
}
.tfdc-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #f2c326 !important;
}
.tfdc-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #f2c326 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.tfdc-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #f2c326 !important;
}
.tfdc-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #f2c326 !important;
}
.tfdc-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #f0b800 !important;
}
.tfdc-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #f0b800 !important;
}
.tfdc-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #f0b800 !important;
}
.tfdc-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #000000 !important;
}
.tfdc-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.tfdc-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #000000 !important;
}
.tfdc-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.tfdc-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.tfdc-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #f0b800 !important;
}
.tfdc-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #f0b800 !important;
}
.tfdc-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #f0b800 !important;
}
.tfdc-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #f0b800 !important;
}
.tfdc-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #f0b800 !important;
}
.tfdc-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #f0b800 !important;
}
.tfdc-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.tfdc-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #000000;
  background-color: #f0b800 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.tfdc-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.tfdc-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.tfdc-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.tfdc-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.tfdc-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.tfdc-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #f2c326 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.tfdc-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #f0b800 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #f0b800 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.tfdc-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #f0b800 !important;
}
.tfdc-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.tfdc-theme .button-text-hidden {
  display: none;
}
.granadaSocial-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #2e6bb0;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #2e6bb0 87%, transparent);
  --mat-form-field-filled-caret-color: #2e6bb0;
  --mat-form-field-filled-focus-active-indicator-color: #2e6bb0;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #2e6bb0 87%, transparent);
  --mat-form-field-outlined-caret-color: #2e6bb0;
  --mat-form-field-outlined-focus-outline-color: #2e6bb0;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #2e6bb0 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #2e6bb0;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #2e6bb0;
  --mat-slide-toggle-selected-handle-color: #2e6bb0;
  --mat-slide-toggle-selected-hover-state-layer-color: #2e6bb0;
  --mat-slide-toggle-selected-pressed-state-layer-color: #2e6bb0;
  --mat-slide-toggle-selected-focus-handle-color: #2e6bb0;
  --mat-slide-toggle-selected-hover-handle-color: #2e6bb0;
  --mat-slide-toggle-selected-pressed-handle-color: #2e6bb0;
  --mat-slide-toggle-selected-focus-track-color: #6d97c8;
  --mat-slide-toggle-selected-hover-track-color: #6d97c8;
  --mat-slide-toggle-selected-pressed-track-color: #6d97c8;
  --mat-slide-toggle-selected-track-color: #6d97c8;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #2e6bb0;
  --mat-slider-focus-handle-color: #2e6bb0;
  --mat-slider-handle-color: #2e6bb0;
  --mat-slider-hover-handle-color: #2e6bb0;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #2e6bb0 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #2e6bb0 4%, transparent);
  --mat-slider-inactive-track-color: #2e6bb0;
  --mat-slider-ripple-color: #2e6bb0;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #2e6bb0;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #6d97c8;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #2e6bb0;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #2e6bb0;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #2e6bb0 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #2e6bb0;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #2e6bb0 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #2e6bb0 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #2e6bb0 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #2e6bb0;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #2e6bb0;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #2e6bb0;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #2e6bb0;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #2e6bb0;
  --mat-slide-toggle-selected-handle-color: #2e6bb0;
  --mat-slide-toggle-selected-hover-state-layer-color: #2e6bb0;
  --mat-slide-toggle-selected-pressed-state-layer-color: #2e6bb0;
  --mat-slide-toggle-selected-focus-handle-color: #2e6bb0;
  --mat-slide-toggle-selected-hover-handle-color: #2e6bb0;
  --mat-slide-toggle-selected-pressed-handle-color: #2e6bb0;
  --mat-slide-toggle-selected-focus-track-color: #6d97c8;
  --mat-slide-toggle-selected-hover-track-color: #6d97c8;
  --mat-slide-toggle-selected-pressed-track-color: #6d97c8;
  --mat-slide-toggle-selected-track-color: #6d97c8;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.granadaSocial-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.granadaSocial-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.granadaSocial-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #2e6bb0;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #2e6bb0;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.granadaSocial-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.granadaSocial-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.granadaSocial-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #2e6bb0;
  --mat-progress-bar-track-color: rgba(46, 107, 176, 0.25);
}
.granadaSocial-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.granadaSocial-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.granadaSocial-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.granadaSocial-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.granadaSocial-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.granadaSocial-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.granadaSocial-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.granadaSocial-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.granadaSocial-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.granadaSocial-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #2e6bb0;
  --mat-chip-elevated-disabled-container-color: #2e6bb0;
  --mat-chip-elevated-selected-container-color: #2e6bb0;
  --mat-chip-flat-disabled-selected-container-color: #2e6bb0;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.granadaSocial-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.granadaSocial-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.granadaSocial-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.granadaSocial-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.granadaSocial-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.granadaSocial-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.granadaSocial-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.granadaSocial-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.granadaSocial-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.granadaSocial-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #2e6bb0;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #2e6bb0;
  --mat-radio-selected-hover-icon-color: #2e6bb0;
  --mat-radio-selected-icon-color: #2e6bb0;
  --mat-radio-selected-pressed-icon-color: #2e6bb0;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.granadaSocial-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.granadaSocial-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.granadaSocial-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.granadaSocial-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.granadaSocial-theme .mdc-list-item__start,
.granadaSocial-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #2e6bb0;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #2e6bb0;
  --mat-radio-selected-hover-icon-color: #2e6bb0;
  --mat-radio-selected-icon-color: #2e6bb0;
  --mat-radio-selected-pressed-icon-color: #2e6bb0;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.granadaSocial-theme .mat-accent .mdc-list-item__start,
.granadaSocial-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.granadaSocial-theme .mat-warn .mdc-list-item__start,
.granadaSocial-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.granadaSocial-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #2e6bb0;
  --mat-checkbox-selected-hover-icon-color: #2e6bb0;
  --mat-checkbox-selected-icon-color: #2e6bb0;
  --mat-checkbox-selected-pressed-icon-color: #2e6bb0;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #2e6bb0;
  --mat-checkbox-selected-hover-state-layer-color: #2e6bb0;
  --mat-checkbox-selected-pressed-state-layer-color: #2e6bb0;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.granadaSocial-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.granadaSocial-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.granadaSocial-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.granadaSocial-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.granadaSocial-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.granadaSocial-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #2e6bb0;
}
.granadaSocial-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.granadaSocial-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.granadaSocial-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.granadaSocial-theme .mdc-list-item__start,
.granadaSocial-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.granadaSocial-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.granadaSocial-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.granadaSocial-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.granadaSocial-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.granadaSocial-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.granadaSocial-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.granadaSocial-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.granadaSocial-theme .mat-mdc-tab-group,
.granadaSocial-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #2e6bb0;
  --mat-tab-active-ripple-color: #2e6bb0;
  --mat-tab-inactive-ripple-color: #2e6bb0;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #2e6bb0;
  --mat-tab-active-hover-label-text-color: #2e6bb0;
  --mat-tab-active-focus-indicator-color: #2e6bb0;
  --mat-tab-active-hover-indicator-color: #2e6bb0;
  --mat-tab-active-indicator-color: #2e6bb0;
}
.granadaSocial-theme .mat-mdc-tab-group.mat-accent,
.granadaSocial-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.granadaSocial-theme .mat-mdc-tab-group.mat-warn,
.granadaSocial-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.granadaSocial-theme .mat-mdc-tab-group.mat-background-primary,
.granadaSocial-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #2e6bb0;
  --mat-tab-foreground-color: #ffffff;
}
.granadaSocial-theme .mat-mdc-tab-group.mat-background-accent,
.granadaSocial-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.granadaSocial-theme .mat-mdc-tab-group.mat-background-warn,
.granadaSocial-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.granadaSocial-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.granadaSocial-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.granadaSocial-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #2e6bb0;
  --mat-checkbox-selected-hover-icon-color: #2e6bb0;
  --mat-checkbox-selected-icon-color: #2e6bb0;
  --mat-checkbox-selected-pressed-icon-color: #2e6bb0;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #2e6bb0;
  --mat-checkbox-selected-hover-state-layer-color: #2e6bb0;
  --mat-checkbox-selected-pressed-state-layer-color: #2e6bb0;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.granadaSocial-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.granadaSocial-theme .mat-mdc-button.mat-primary,
.granadaSocial-theme .mat-mdc-unelevated-button.mat-primary,
.granadaSocial-theme .mat-mdc-raised-button.mat-primary,
.granadaSocial-theme .mat-mdc-outlined-button.mat-primary,
.granadaSocial-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #2e6bb0;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #2e6bb0;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #2e6bb0 12%, transparent);
  --mat-button-outlined-state-layer-color: #2e6bb0;
  --mat-button-protected-container-color: #2e6bb0;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #2e6bb0;
  --mat-button-text-ripple-color: color-mix(in srgb, #2e6bb0 12%, transparent);
  --mat-button-text-state-layer-color: #2e6bb0;
  --mat-button-tonal-container-color: #2e6bb0;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.granadaSocial-theme .mat-mdc-button.mat-accent,
.granadaSocial-theme .mat-mdc-unelevated-button.mat-accent,
.granadaSocial-theme .mat-mdc-raised-button.mat-accent,
.granadaSocial-theme .mat-mdc-outlined-button.mat-accent,
.granadaSocial-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.granadaSocial-theme .mat-mdc-button.mat-warn,
.granadaSocial-theme .mat-mdc-unelevated-button.mat-warn,
.granadaSocial-theme .mat-mdc-raised-button.mat-warn,
.granadaSocial-theme .mat-mdc-outlined-button.mat-warn,
.granadaSocial-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.granadaSocial-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #2e6bb0;
  --mat-icon-button-state-layer-color: #2e6bb0;
  --mat-icon-button-ripple-color: color-mix(in srgb, #2e6bb0 12%, transparent);
}
.granadaSocial-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.granadaSocial-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.granadaSocial-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.granadaSocial-theme .mat-mdc-fab.mat-primary,
.granadaSocial-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #2e6bb0;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #2e6bb0 12%, transparent);
  --mat-fab-small-container-color: #2e6bb0;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.granadaSocial-theme .mat-mdc-fab.mat-accent,
.granadaSocial-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.granadaSocial-theme .mat-mdc-fab.mat-warn,
.granadaSocial-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.granadaSocial-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.granadaSocial-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.granadaSocial-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.granadaSocial-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.granadaSocial-theme .mat-datepicker-content.mat-accent,
.granadaSocial-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.granadaSocial-theme .mat-datepicker-content.mat-warn,
.granadaSocial-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.granadaSocial-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.granadaSocial-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.granadaSocial-theme .mat-icon.mat-primary {
  --mat-icon-color: #2e6bb0;
}
.granadaSocial-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.granadaSocial-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.granadaSocial-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.granadaSocial-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.granadaSocial-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #2e6bb0;
  --mat-toolbar-container-text-color: #ffffff;
}
.granadaSocial-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.granadaSocial-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.granadaSocial-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.granadaSocial-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.granadaSocial-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.granadaSocial-theme .back-container {
  color: #2e6bb0;
}
.granadaSocial-theme .back-container:hover {
  opacity: 0.54;
}
.granadaSocial-theme .warn-text {
  color: #e74737;
}
.granadaSocial-theme .inside-modal-title.primary-colored-title,
.granadaSocial-theme .form-title.primary-colored-title {
  color: #2e6bb0;
}
.granadaSocial-theme .full-height-container form .button-container {
  background: white;
}
.granadaSocial-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.granadaSocial-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.granadaSocial-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.granadaSocial-theme .box-checkbox.active-box-checkbox {
  background-color: #2e6bb0;
  color: white;
}
.granadaSocial-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.granadaSocial-theme .box-radio.active-box-radio {
  background-color: #2e6bb0;
  color: white;
}
.granadaSocial-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.granadaSocial-theme .error {
  color: #e74737;
}
.granadaSocial-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.granadaSocial-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.granadaSocial-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.granadaSocial-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.granadaSocial-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.granadaSocial-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.granadaSocial-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.granadaSocial-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.granadaSocial-theme .ql-snow .ql-picker-options {
  background: white;
}
.granadaSocial-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.granadaSocial-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.granadaSocial-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.granadaSocial-theme .ql-snow .ql-fill,
.granadaSocial-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.granadaSocial-theme .ql-snow.ql-toolbar button:hover,
.granadaSocial-theme .ql-snow .ql-toolbar button:hover,
.granadaSocial-theme .ql-snow.ql-toolbar button:focus,
.granadaSocial-theme .ql-snow .ql-toolbar button:focus,
.granadaSocial-theme .ql-snow.ql-toolbar button.ql-active,
.granadaSocial-theme .ql-snow .ql-toolbar button.ql-active,
.granadaSocial-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.granadaSocial-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.granadaSocial-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.granadaSocial-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.granadaSocial-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.granadaSocial-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.granadaSocial-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.granadaSocial-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.granadaSocial-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.granadaSocial-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.granadaSocial-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.granadaSocial-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.granadaSocial-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.granadaSocial-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.granadaSocial-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.granadaSocial-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.granadaSocial-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.granadaSocial-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.granadaSocial-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.granadaSocial-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.granadaSocial-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.granadaSocial-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.granadaSocial-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.granadaSocial-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.granadaSocial-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.granadaSocial-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.granadaSocial-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.granadaSocial-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.granadaSocial-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.granadaSocial-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.granadaSocial-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.granadaSocial-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.granadaSocial-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.granadaSocial-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.granadaSocial-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.granadaSocial-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.granadaSocial-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.granadaSocial-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.granadaSocial-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.granadaSocial-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.granadaSocial-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.granadaSocial-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.granadaSocial-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.granadaSocial-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.granadaSocial-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.granadaSocial-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.granadaSocial-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.granadaSocial-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.granadaSocial-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.granadaSocial-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.granadaSocial-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.granadaSocial-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.granadaSocial-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.granadaSocial-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.granadaSocial-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.granadaSocial-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.granadaSocial-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.granadaSocial-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.granadaSocial-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.granadaSocial-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.granadaSocial-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.granadaSocial-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.granadaSocial-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.granadaSocial-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.granadaSocial-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.granadaSocial-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.granadaSocial-theme bee-form-item {
  margin-right: 0 !important;
}
.granadaSocial-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.granadaSocial-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #2e6bb0;
  height: 38px !important;
}
.granadaSocial-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.granadaSocial-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.granadaSocial-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.granadaSocial-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.granadaSocial-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.granadaSocial-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.granadaSocial-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.granadaSocial-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.granadaSocial-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .granadaSocial-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.granadaSocial-theme .general-container .label-wrapper label {
  color: #2e6bb0 !important;
  background-color: white;
}
.granadaSocial-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.granadaSocial-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.granadaSocial-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.granadaSocial-theme .general-container .bee-selector .bee-selector-container {
  border-color: #2e6bb0 !important;
}
.granadaSocial-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.granadaSocial-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.granadaSocial-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.granadaSocial-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.granadaSocial-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.granadaSocial-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.granadaSocial-theme .general-container .bee-selector .bee-selector-container:focus,
.granadaSocial-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #2e6bb0;
}
.granadaSocial-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.granadaSocial-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #2e6bb0;
}
.granadaSocial-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.granadaSocial-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #2e6bb0;
}
.granadaSocial-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.granadaSocial-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.granadaSocial-theme .general-container .bee-dropdown {
  background: white;
}
.granadaSocial-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #2e6bb0;
}
.granadaSocial-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.granadaSocial-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.granadaSocial-theme .general-container .selector-error {
  color: #e74737;
}
.granadaSocial-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.granadaSocial-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.granadaSocial-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.granadaSocial-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.granadaSocial-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #2e6bb0;
}
.granadaSocial-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.granadaSocial-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.granadaSocial-theme .move-image-action-container:hover {
  color: #2e6bb0;
}
.granadaSocial-theme .info-icon {
  color: #2e6bb0;
}
.granadaSocial-theme .email-chip {
  color: #2e6bb0 !important;
  background-color: rgba(46, 107, 176, 0.15) !important;
}
.granadaSocial-theme .email-chip .mat-chip-remove {
  color: #2e6bb0 !important;
  opacity: 1 !important;
}
.granadaSocial-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.granadaSocial-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.granadaSocial-theme .mat-badge-content {
  color: #2e6bb0 !important;
}
.granadaSocial-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #2e6bb0 !important;
}
.granadaSocial-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #2e6bb0 !important;
}
.granadaSocial-theme #circle-lleno {
  background: #548bff;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.granadaSocial-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.granadaSocial-theme .marine-color {
  color: #0f223e !important;
}
.granadaSocial-theme .primary-color {
  color: #2e6bb0 !important;
}
.granadaSocial-theme .gray-color {
  color: #C0C4CA !important;
}
.granadaSocial-theme .primary-color-200 {
  color: #97b5d8 !important;
}
.granadaSocial-theme svg.primary-fill-svg {
  fill: #2e6bb0 !important;
}
.granadaSocial-theme .primary-fill {
  fill: #2e6bb0 !important;
}
.granadaSocial-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.granadaSocial-theme .primary-border-50 {
  border-color: #e6edf6 !important;
}
.granadaSocial-theme .primary-border-100 {
  border-color: #c0d3e7 !important;
}
.granadaSocial-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.granadaSocial-theme .transparent-border-100 {
  border-color: transparent !important;
}
.granadaSocial-theme .primary-border-200 {
  border-color: #97b5d8 !important;
}
.granadaSocial-theme .primary-indicator .mat-expansion-indicator:after {
  color: #2e6bb0;
}
.granadaSocial-theme .contrast-background {
  background-color: #ffffff !important;
}
.granadaSocial-theme .primary-color-small {
  color: rgba(46, 107, 176, 0.6);
}
.granadaSocial-theme .marine-background {
  background-color: #0f223e !important;
}
.granadaSocial-theme .primary-background {
  background-color: #2e6bb0 !important;
}
.granadaSocial-theme .primary-background-50 {
  background-color: #e6edf6 !important;
}
.granadaSocial-theme .primary-background-200 {
  background-color: #97b5d8 !important;
}
.granadaSocial-theme .primary-background-800 {
  background-color: #1d4e97 !important;
}
.granadaSocial-theme .white-color {
  color: white !important;
}
.granadaSocial-theme .secondary-color {
  color: #548bff !important;
}
.granadaSocial-theme .secondary-background {
  background-color: #548bff !important;
}
.granadaSocial-theme .secondary-background-semi {
  background-color: #2e6bb0 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #2e6bb0 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.granadaSocial-theme .secondary-background-full {
  background-color: #2e6bb0 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #2e6bb0 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.granadaSocial-theme .secondary-background-empty {
  background-color: #2e6bb0 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #2e6bb0 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.granadaSocial-theme .secondary-border {
  background-color: #548bff !important;
}
.granadaSocial-theme .tertiary-color {
  color: #548bff !important;
}
.granadaSocial-theme button.button-tertiary {
  background-color: #548bff !important;
  color: #2e6bb0 !important;
  border: 1px solid #2e6bb0 !important;
}
.granadaSocial-theme span.red-text {
  color: #DB1F35 !important;
}
.granadaSocial-theme .tertiary-background {
  background-color: #548bff !important;
}
.granadaSocial-theme .tertiary-border {
  border-color: #548bff !important;
}
.granadaSocial-theme .dark-background {
  background-color: black !important;
}
.granadaSocial-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.granadaSocial-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.granadaSocial-theme .primary-soft-background {
  background-color: rgba(46, 107, 176, 0.1) !important;
}
.granadaSocial-theme .primary-soft-background:hover {
  background-color: rgba(46, 107, 176, 0.15) !important;
}
.granadaSocial-theme .primary-border {
  border-color: #2e6bb0 !important;
}
.granadaSocial-theme .default-background {
  background-color: #fafafa !important;
}
.granadaSocial-theme .hover-primary:hover {
  color: #2e6bb0 !important;
}
.granadaSocial-theme .hover-primary-background:hover {
  background-color: #2e6bb0 !important;
}
.granadaSocial-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.granadaSocial-theme .warn-color {
  color: #e74737 !important;
}
.granadaSocial-theme .warn-border {
  border-color: #e74737 !important;
}
.granadaSocial-theme .accent-color {
  color: #fedd93 !important;
}
.granadaSocial-theme .accent-background {
  background-color: #fedd93 !important;
}
.granadaSocial-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.granadaSocial-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.granadaSocial-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.granadaSocial-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.granadaSocial-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.granadaSocial-theme .dialog-table tr .action-icon {
  color: transparent;
}
.granadaSocial-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.granadaSocial-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.granadaSocial-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #2e6bb0;
}
.granadaSocial-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.granadaSocial-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.granadaSocial-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.granadaSocial-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.granadaSocial-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.granadaSocial-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.granadaSocial-theme .card-table tr .action-icon {
  color: transparent;
}
.granadaSocial-theme .card-table tr .action-icon button {
  color: transparent;
}
.granadaSocial-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.granadaSocial-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.granadaSocial-theme .card-table tr:hover .action-icon button {
  color: #2e6bb0;
}
.granadaSocial-theme .card-table tr:hover .action-icon:hover {
  color: #2e6bb0;
}
.granadaSocial-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.granadaSocial-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.granadaSocial-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.granadaSocial-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.granadaSocial-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #2e6bb0;
}
.granadaSocial-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.granadaSocial-theme .no-hover-table tr:hover {
  background: white;
}
.granadaSocial-theme .custom-standard-chip {
  background-color: rgba(46, 107, 176, 0.1) !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .help-dashboard-card .mat-icon {
  color: #2e6bb0;
}
.granadaSocial-theme .help-dashboard-card:hover {
  background-color: #2e6bb0;
}
.granadaSocial-theme .help-dashboard-card:hover .mat-icon,
.granadaSocial-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.granadaSocial-theme .room-open {
  background-color: #2e6bb0 !important;
  color: white !important;
}
.granadaSocial-theme .room-open:hover {
  background-color: #2e6bb0 !important;
  color: white !important;
}
.granadaSocial-theme #public-office-page-groups .public-group-button-hover {
  background-color: #2e6bb0 !important;
  color: white !important;
}
.granadaSocial-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.granadaSocial-theme .notification-container .show-tip {
  color: transparent;
}
.granadaSocial-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.granadaSocial-theme .notification-container:hover .show-tip {
  color: #2e6bb0;
}
.granadaSocial-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.granadaSocial-theme .notification-container .notification-subject .mat-icon {
  color: #2e6bb0;
}
.granadaSocial-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.granadaSocial-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.granadaSocial-theme .message-container .show-tip {
  color: transparent;
}
.granadaSocial-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.granadaSocial-theme .message-container:hover .show-tip {
  color: #2e6bb0;
}
.granadaSocial-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.granadaSocial-theme .message-container .message-subject .mat-icon {
  color: #2e6bb0;
}
.granadaSocial-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.granadaSocial-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.granadaSocial-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.granadaSocial-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.granadaSocial-theme .primary-200-outline input {
  caret-color: #97b5d8;
  color: #2e6bb0;
}
.granadaSocial-theme .primary-200-outline label {
  color: #97b5d8;
}
.granadaSocial-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #97b5d8 !important;
}
.granadaSocial-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #97b5d8;
}
.granadaSocial-theme mat-form-field .primary-outline label {
  color: #2e6bb0 !important;
}
.granadaSocial-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #2e6bb0 !important;
}
.granadaSocial-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #2e6bb0 !important;
}
.granadaSocial-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.granadaSocial-theme .input-primary input {
  caret-color: #2e6bb0;
  color: #2e6bb0;
}
.granadaSocial-theme .input-primary label {
  color: #2e6bb0;
}
.granadaSocial-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #2e6bb0 !important;
}
.granadaSocial-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.granadaSocial-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #2e6bb0;
  border-width: 1px;
}
.granadaSocial-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.granadaSocial-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.granadaSocial-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.granadaSocial-theme .boton-recarga {
  background-color: #2e6bb0;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.granadaSocial-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.granadaSocial-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.granadaSocial-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.granadaSocial-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.granadaSocial-theme .header-container button {
  padding: 0 !important;
}
.granadaSocial-theme .header-container .mat-button {
  min-width: unset !important;
}
.granadaSocial-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.granadaSocial-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.granadaSocial-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.granadaSocial-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.granadaSocial-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.granadaSocial-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.granadaSocial-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.granadaSocial-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.granadaSocial-theme .input-recarga-marine {
  border: 1px solid #2e6bb0 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.granadaSocial-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.granadaSocial-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.granadaSocial-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.granadaSocial-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.granadaSocial-theme .color-primary {
  color: #2e6bb0 !important;
  fill: #2e6bb0 !important;
}
.granadaSocial-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.granadaSocial-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.granadaSocial-theme .primary-contrast {
  color: #ffffff !important;
}
.granadaSocial-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.granadaSocial-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.granadaSocial-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.granadaSocial-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.granadaSocial-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.granadaSocial-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.granadaSocial-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.granadaSocial-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.granadaSocial-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #548bff !important;
}
.granadaSocial-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.granadaSocial-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .mat-checkbox-checked .mat-checkbox-background,
.granadaSocial-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #2e6bb0 !important;
}
.granadaSocial-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.granadaSocial-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.granadaSocial-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #97b5d8 !important;
}
.granadaSocial-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.granadaSocial-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.granadaSocial-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.granadaSocial-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.granadaSocial-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.granadaSocial-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.granadaSocial-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.granadaSocial-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.granadaSocial-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.granadaSocial-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.granadaSocial-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.granadaSocial-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.granadaSocial-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.granadaSocial-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.granadaSocial-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.granadaSocial-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.granadaSocial-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #548bff !important;
}
.granadaSocial-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #548bff !important;
}
.granadaSocial-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.granadaSocial-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.granadaSocial-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.granadaSocial-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.granadaSocial-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.granadaSocial-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #548bff !important;
}
.granadaSocial-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #548bff !important;
}
.granadaSocial-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.granadaSocial-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.granadaSocial-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #548bff !important;
}
.granadaSocial-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #548bff !important;
}
.granadaSocial-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #548bff !important;
}
.granadaSocial-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #548bff !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.granadaSocial-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #548bff !important;
}
.granadaSocial-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #548bff !important;
}
.granadaSocial-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.granadaSocial-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.granadaSocial-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.granadaSocial-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.granadaSocial-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.granadaSocial-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.granadaSocial-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #2e6bb0 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.granadaSocial-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.granadaSocial-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.granadaSocial-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.granadaSocial-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.granadaSocial-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.granadaSocial-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #548bff !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.granadaSocial-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #2e6bb0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #2e6bb0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.granadaSocial-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #2e6bb0 !important;
}
.granadaSocial-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.granadaSocial-theme .button-text-hidden {
  display: none;
}
.barbadillo-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #004807;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #004807 87%, transparent);
  --mat-form-field-filled-caret-color: #004807;
  --mat-form-field-filled-focus-active-indicator-color: #004807;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #004807 87%, transparent);
  --mat-form-field-outlined-caret-color: #004807;
  --mat-form-field-outlined-focus-outline-color: #004807;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #004807 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #004807;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #004807;
  --mat-slide-toggle-selected-handle-color: #004807;
  --mat-slide-toggle-selected-hover-state-layer-color: #004807;
  --mat-slide-toggle-selected-pressed-state-layer-color: #004807;
  --mat-slide-toggle-selected-focus-handle-color: #004807;
  --mat-slide-toggle-selected-hover-handle-color: #004807;
  --mat-slide-toggle-selected-pressed-handle-color: #004807;
  --mat-slide-toggle-selected-focus-track-color: #4d7f51;
  --mat-slide-toggle-selected-hover-track-color: #4d7f51;
  --mat-slide-toggle-selected-pressed-track-color: #4d7f51;
  --mat-slide-toggle-selected-track-color: #4d7f51;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #004807;
  --mat-slider-focus-handle-color: #004807;
  --mat-slider-handle-color: #004807;
  --mat-slider-hover-handle-color: #004807;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #004807 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #004807 4%, transparent);
  --mat-slider-inactive-track-color: #004807;
  --mat-slider-ripple-color: #004807;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #004807;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #4d7f51;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #004807;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #004807;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #004807 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #004807;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #004807 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #004807 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #004807 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #004807;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #004807;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #004807;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #004807;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #004807;
  --mat-slide-toggle-selected-handle-color: #004807;
  --mat-slide-toggle-selected-hover-state-layer-color: #004807;
  --mat-slide-toggle-selected-pressed-state-layer-color: #004807;
  --mat-slide-toggle-selected-focus-handle-color: #004807;
  --mat-slide-toggle-selected-hover-handle-color: #004807;
  --mat-slide-toggle-selected-pressed-handle-color: #004807;
  --mat-slide-toggle-selected-focus-track-color: #4d7f51;
  --mat-slide-toggle-selected-hover-track-color: #4d7f51;
  --mat-slide-toggle-selected-pressed-track-color: #4d7f51;
  --mat-slide-toggle-selected-track-color: #4d7f51;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.barbadillo-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.barbadillo-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.barbadillo-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #004807;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #004807;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.barbadillo-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.barbadillo-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.barbadillo-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #004807;
  --mat-progress-bar-track-color: rgba(0, 72, 7, 0.25);
}
.barbadillo-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.barbadillo-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.barbadillo-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.barbadillo-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.barbadillo-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.barbadillo-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.barbadillo-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.barbadillo-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.barbadillo-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.barbadillo-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #004807;
  --mat-chip-elevated-disabled-container-color: #004807;
  --mat-chip-elevated-selected-container-color: #004807;
  --mat-chip-flat-disabled-selected-container-color: #004807;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.barbadillo-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.barbadillo-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.barbadillo-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.barbadillo-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.barbadillo-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.barbadillo-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.barbadillo-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.barbadillo-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.barbadillo-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.barbadillo-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #004807;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #004807;
  --mat-radio-selected-hover-icon-color: #004807;
  --mat-radio-selected-icon-color: #004807;
  --mat-radio-selected-pressed-icon-color: #004807;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.barbadillo-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.barbadillo-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.barbadillo-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.barbadillo-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.barbadillo-theme .mdc-list-item__start,
.barbadillo-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #004807;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #004807;
  --mat-radio-selected-hover-icon-color: #004807;
  --mat-radio-selected-icon-color: #004807;
  --mat-radio-selected-pressed-icon-color: #004807;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.barbadillo-theme .mat-accent .mdc-list-item__start,
.barbadillo-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.barbadillo-theme .mat-warn .mdc-list-item__start,
.barbadillo-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.barbadillo-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #004807;
  --mat-checkbox-selected-hover-icon-color: #004807;
  --mat-checkbox-selected-icon-color: #004807;
  --mat-checkbox-selected-pressed-icon-color: #004807;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #004807;
  --mat-checkbox-selected-hover-state-layer-color: #004807;
  --mat-checkbox-selected-pressed-state-layer-color: #004807;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.barbadillo-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.barbadillo-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.barbadillo-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.barbadillo-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.barbadillo-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.barbadillo-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #004807;
}
.barbadillo-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.barbadillo-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.barbadillo-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.barbadillo-theme .mdc-list-item__start,
.barbadillo-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.barbadillo-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.barbadillo-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.barbadillo-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.barbadillo-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.barbadillo-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.barbadillo-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.barbadillo-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.barbadillo-theme .mat-mdc-tab-group,
.barbadillo-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #004807;
  --mat-tab-active-ripple-color: #004807;
  --mat-tab-inactive-ripple-color: #004807;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #004807;
  --mat-tab-active-hover-label-text-color: #004807;
  --mat-tab-active-focus-indicator-color: #004807;
  --mat-tab-active-hover-indicator-color: #004807;
  --mat-tab-active-indicator-color: #004807;
}
.barbadillo-theme .mat-mdc-tab-group.mat-accent,
.barbadillo-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.barbadillo-theme .mat-mdc-tab-group.mat-warn,
.barbadillo-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.barbadillo-theme .mat-mdc-tab-group.mat-background-primary,
.barbadillo-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #004807;
  --mat-tab-foreground-color: #ffffff;
}
.barbadillo-theme .mat-mdc-tab-group.mat-background-accent,
.barbadillo-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.barbadillo-theme .mat-mdc-tab-group.mat-background-warn,
.barbadillo-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.barbadillo-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.barbadillo-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.barbadillo-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #004807;
  --mat-checkbox-selected-hover-icon-color: #004807;
  --mat-checkbox-selected-icon-color: #004807;
  --mat-checkbox-selected-pressed-icon-color: #004807;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #004807;
  --mat-checkbox-selected-hover-state-layer-color: #004807;
  --mat-checkbox-selected-pressed-state-layer-color: #004807;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.barbadillo-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.barbadillo-theme .mat-mdc-button.mat-primary,
.barbadillo-theme .mat-mdc-unelevated-button.mat-primary,
.barbadillo-theme .mat-mdc-raised-button.mat-primary,
.barbadillo-theme .mat-mdc-outlined-button.mat-primary,
.barbadillo-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #004807;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #004807;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #004807 12%, transparent);
  --mat-button-outlined-state-layer-color: #004807;
  --mat-button-protected-container-color: #004807;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #004807;
  --mat-button-text-ripple-color: color-mix(in srgb, #004807 12%, transparent);
  --mat-button-text-state-layer-color: #004807;
  --mat-button-tonal-container-color: #004807;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.barbadillo-theme .mat-mdc-button.mat-accent,
.barbadillo-theme .mat-mdc-unelevated-button.mat-accent,
.barbadillo-theme .mat-mdc-raised-button.mat-accent,
.barbadillo-theme .mat-mdc-outlined-button.mat-accent,
.barbadillo-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.barbadillo-theme .mat-mdc-button.mat-warn,
.barbadillo-theme .mat-mdc-unelevated-button.mat-warn,
.barbadillo-theme .mat-mdc-raised-button.mat-warn,
.barbadillo-theme .mat-mdc-outlined-button.mat-warn,
.barbadillo-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.barbadillo-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #004807;
  --mat-icon-button-state-layer-color: #004807;
  --mat-icon-button-ripple-color: color-mix(in srgb, #004807 12%, transparent);
}
.barbadillo-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.barbadillo-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.barbadillo-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.barbadillo-theme .mat-mdc-fab.mat-primary,
.barbadillo-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #004807;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #004807 12%, transparent);
  --mat-fab-small-container-color: #004807;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.barbadillo-theme .mat-mdc-fab.mat-accent,
.barbadillo-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.barbadillo-theme .mat-mdc-fab.mat-warn,
.barbadillo-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.barbadillo-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.barbadillo-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.barbadillo-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.barbadillo-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.barbadillo-theme .mat-datepicker-content.mat-accent,
.barbadillo-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.barbadillo-theme .mat-datepicker-content.mat-warn,
.barbadillo-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.barbadillo-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.barbadillo-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.barbadillo-theme .mat-icon.mat-primary {
  --mat-icon-color: #004807;
}
.barbadillo-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.barbadillo-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.barbadillo-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.barbadillo-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.barbadillo-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #004807;
  --mat-toolbar-container-text-color: #ffffff;
}
.barbadillo-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.barbadillo-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.barbadillo-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.barbadillo-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.barbadillo-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.barbadillo-theme .back-container {
  color: #004807;
}
.barbadillo-theme .back-container:hover {
  opacity: 0.54;
}
.barbadillo-theme .warn-text {
  color: #e74737;
}
.barbadillo-theme .inside-modal-title.primary-colored-title,
.barbadillo-theme .form-title.primary-colored-title {
  color: #004807;
}
.barbadillo-theme .full-height-container form .button-container {
  background: white;
}
.barbadillo-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.barbadillo-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.barbadillo-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.barbadillo-theme .box-checkbox.active-box-checkbox {
  background-color: #004807;
  color: white;
}
.barbadillo-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.barbadillo-theme .box-radio.active-box-radio {
  background-color: #004807;
  color: white;
}
.barbadillo-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.barbadillo-theme .error {
  color: #e74737;
}
.barbadillo-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.barbadillo-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.barbadillo-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.barbadillo-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.barbadillo-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.barbadillo-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.barbadillo-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.barbadillo-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.barbadillo-theme .ql-snow .ql-picker-options {
  background: white;
}
.barbadillo-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.barbadillo-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.barbadillo-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.barbadillo-theme .ql-snow .ql-fill,
.barbadillo-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.barbadillo-theme .ql-snow.ql-toolbar button:hover,
.barbadillo-theme .ql-snow .ql-toolbar button:hover,
.barbadillo-theme .ql-snow.ql-toolbar button:focus,
.barbadillo-theme .ql-snow .ql-toolbar button:focus,
.barbadillo-theme .ql-snow.ql-toolbar button.ql-active,
.barbadillo-theme .ql-snow .ql-toolbar button.ql-active,
.barbadillo-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.barbadillo-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.barbadillo-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.barbadillo-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.barbadillo-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.barbadillo-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.barbadillo-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.barbadillo-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.barbadillo-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.barbadillo-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.barbadillo-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.barbadillo-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.barbadillo-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.barbadillo-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.barbadillo-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.barbadillo-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.barbadillo-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.barbadillo-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.barbadillo-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.barbadillo-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.barbadillo-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.barbadillo-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.barbadillo-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.barbadillo-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.barbadillo-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.barbadillo-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.barbadillo-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.barbadillo-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.barbadillo-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.barbadillo-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.barbadillo-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.barbadillo-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.barbadillo-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.barbadillo-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.barbadillo-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.barbadillo-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.barbadillo-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.barbadillo-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.barbadillo-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.barbadillo-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.barbadillo-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.barbadillo-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.barbadillo-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.barbadillo-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.barbadillo-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.barbadillo-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.barbadillo-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.barbadillo-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.barbadillo-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.barbadillo-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.barbadillo-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.barbadillo-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.barbadillo-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.barbadillo-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.barbadillo-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.barbadillo-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.barbadillo-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.barbadillo-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.barbadillo-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.barbadillo-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.barbadillo-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.barbadillo-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.barbadillo-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.barbadillo-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.barbadillo-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.barbadillo-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.barbadillo-theme bee-form-item {
  margin-right: 0 !important;
}
.barbadillo-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.barbadillo-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #004807;
  height: 38px !important;
}
.barbadillo-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.barbadillo-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.barbadillo-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.barbadillo-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.barbadillo-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.barbadillo-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.barbadillo-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.barbadillo-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.barbadillo-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .barbadillo-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.barbadillo-theme .general-container .label-wrapper label {
  color: #004807 !important;
  background-color: white;
}
.barbadillo-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.barbadillo-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.barbadillo-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.barbadillo-theme .general-container .bee-selector .bee-selector-container {
  border-color: #004807 !important;
}
.barbadillo-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.barbadillo-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.barbadillo-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.barbadillo-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.barbadillo-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.barbadillo-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.barbadillo-theme .general-container .bee-selector .bee-selector-container:focus,
.barbadillo-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #004807;
}
.barbadillo-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.barbadillo-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #004807;
}
.barbadillo-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.barbadillo-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #004807;
}
.barbadillo-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.barbadillo-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.barbadillo-theme .general-container .bee-dropdown {
  background: white;
}
.barbadillo-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #004807;
}
.barbadillo-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.barbadillo-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.barbadillo-theme .general-container .selector-error {
  color: #e74737;
}
.barbadillo-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.barbadillo-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.barbadillo-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.barbadillo-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.barbadillo-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #004807;
}
.barbadillo-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.barbadillo-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.barbadillo-theme .move-image-action-container:hover {
  color: #004807;
}
.barbadillo-theme .info-icon {
  color: #004807;
}
.barbadillo-theme .email-chip {
  color: #004807 !important;
  background-color: rgba(0, 72, 7, 0.15) !important;
}
.barbadillo-theme .email-chip .mat-chip-remove {
  color: #004807 !important;
  opacity: 1 !important;
}
.barbadillo-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.barbadillo-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.barbadillo-theme .mat-badge-content {
  color: #004807 !important;
}
.barbadillo-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #004807 !important;
}
.barbadillo-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #004807 !important;
}
.barbadillo-theme #circle-lleno {
  background: #4d7f51;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.barbadillo-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.barbadillo-theme .marine-color {
  color: #0f223e !important;
}
.barbadillo-theme .primary-color {
  color: #004807 !important;
}
.barbadillo-theme .gray-color {
  color: #C0C4CA !important;
}
.barbadillo-theme .primary-color-200 {
  color: #80a483 !important;
}
.barbadillo-theme svg.primary-fill-svg {
  fill: #004807 !important;
}
.barbadillo-theme .primary-fill {
  fill: #004807 !important;
}
.barbadillo-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.barbadillo-theme .primary-border-50 {
  border-color: #e0e9e1 !important;
}
.barbadillo-theme .primary-border-100 {
  border-color: #b3c8b5 !important;
}
.barbadillo-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.barbadillo-theme .transparent-border-100 {
  border-color: transparent !important;
}
.barbadillo-theme .primary-border-200 {
  border-color: #80a483 !important;
}
.barbadillo-theme .primary-indicator .mat-expansion-indicator:after {
  color: #004807;
}
.barbadillo-theme .contrast-background {
  background-color: #ffffff !important;
}
.barbadillo-theme .primary-color-small {
  color: rgba(0, 72, 7, 0.6);
}
.barbadillo-theme .marine-background {
  background-color: #0f223e !important;
}
.barbadillo-theme .primary-background {
  background-color: #004807 !important;
}
.barbadillo-theme .primary-background-50 {
  background-color: #e0e9e1 !important;
}
.barbadillo-theme .primary-background-200 {
  background-color: #80a483 !important;
}
.barbadillo-theme .primary-background-800 {
  background-color: #003004 !important;
}
.barbadillo-theme .white-color {
  color: white !important;
}
.barbadillo-theme .secondary-color {
  color: #4d7f51 !important;
}
.barbadillo-theme .secondary-background {
  background-color: #4d7f51 !important;
}
.barbadillo-theme .secondary-background-semi {
  background-color: #004807 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #004807 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.barbadillo-theme .secondary-background-full {
  background-color: #004807 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #004807 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.barbadillo-theme .secondary-background-empty {
  background-color: #004807 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #004807 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.barbadillo-theme .secondary-border {
  background-color: #4d7f51 !important;
}
.barbadillo-theme .tertiary-color {
  color: #4d7f51 !important;
}
.barbadillo-theme button.button-tertiary {
  background-color: #4d7f51 !important;
  color: #004807 !important;
  border: 1px solid #004807 !important;
}
.barbadillo-theme span.red-text {
  color: #DB1F35 !important;
}
.barbadillo-theme .tertiary-background {
  background-color: #4d7f51 !important;
}
.barbadillo-theme .tertiary-border {
  border-color: #4d7f51 !important;
}
.barbadillo-theme .dark-background {
  background-color: black !important;
}
.barbadillo-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.barbadillo-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.barbadillo-theme .primary-soft-background {
  background-color: rgba(0, 72, 7, 0.1) !important;
}
.barbadillo-theme .primary-soft-background:hover {
  background-color: rgba(0, 72, 7, 0.15) !important;
}
.barbadillo-theme .primary-border {
  border-color: #004807 !important;
}
.barbadillo-theme .default-background {
  background-color: #fafafa !important;
}
.barbadillo-theme .hover-primary:hover {
  color: #004807 !important;
}
.barbadillo-theme .hover-primary-background:hover {
  background-color: #004807 !important;
}
.barbadillo-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.barbadillo-theme .warn-color {
  color: #e74737 !important;
}
.barbadillo-theme .warn-border {
  border-color: #e74737 !important;
}
.barbadillo-theme .accent-color {
  color: #fedd93 !important;
}
.barbadillo-theme .accent-background {
  background-color: #fedd93 !important;
}
.barbadillo-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.barbadillo-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.barbadillo-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.barbadillo-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.barbadillo-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.barbadillo-theme .dialog-table tr .action-icon {
  color: transparent;
}
.barbadillo-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.barbadillo-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.barbadillo-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #004807;
}
.barbadillo-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.barbadillo-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.barbadillo-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.barbadillo-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.barbadillo-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.barbadillo-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.barbadillo-theme .card-table tr .action-icon {
  color: transparent;
}
.barbadillo-theme .card-table tr .action-icon button {
  color: transparent;
}
.barbadillo-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.barbadillo-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.barbadillo-theme .card-table tr:hover .action-icon button {
  color: #004807;
}
.barbadillo-theme .card-table tr:hover .action-icon:hover {
  color: #004807;
}
.barbadillo-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.barbadillo-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.barbadillo-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.barbadillo-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.barbadillo-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #004807;
}
.barbadillo-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.barbadillo-theme .no-hover-table tr:hover {
  background: white;
}
.barbadillo-theme .custom-standard-chip {
  background-color: rgba(0, 72, 7, 0.1) !important;
  color: #004807 !important;
}
.barbadillo-theme .help-dashboard-card .mat-icon {
  color: #004807;
}
.barbadillo-theme .help-dashboard-card:hover {
  background-color: #004807;
}
.barbadillo-theme .help-dashboard-card:hover .mat-icon,
.barbadillo-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.barbadillo-theme .room-open {
  background-color: #004807 !important;
  color: white !important;
}
.barbadillo-theme .room-open:hover {
  background-color: #004807 !important;
  color: white !important;
}
.barbadillo-theme #public-office-page-groups .public-group-button-hover {
  background-color: #004807 !important;
  color: white !important;
}
.barbadillo-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.barbadillo-theme .notification-container .show-tip {
  color: transparent;
}
.barbadillo-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.barbadillo-theme .notification-container:hover .show-tip {
  color: #004807;
}
.barbadillo-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.barbadillo-theme .notification-container .notification-subject .mat-icon {
  color: #004807;
}
.barbadillo-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.barbadillo-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.barbadillo-theme .message-container .show-tip {
  color: transparent;
}
.barbadillo-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.barbadillo-theme .message-container:hover .show-tip {
  color: #004807;
}
.barbadillo-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.barbadillo-theme .message-container .message-subject .mat-icon {
  color: #004807;
}
.barbadillo-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.barbadillo-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.barbadillo-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.barbadillo-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.barbadillo-theme .primary-200-outline input {
  caret-color: #80a483;
  color: #004807;
}
.barbadillo-theme .primary-200-outline label {
  color: #80a483;
}
.barbadillo-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #80a483 !important;
}
.barbadillo-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #80a483;
}
.barbadillo-theme mat-form-field .primary-outline label {
  color: #004807 !important;
}
.barbadillo-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #004807 !important;
}
.barbadillo-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #004807 !important;
}
.barbadillo-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.barbadillo-theme .input-primary input {
  caret-color: #004807;
  color: #004807;
}
.barbadillo-theme .input-primary label {
  color: #004807;
}
.barbadillo-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #004807 !important;
}
.barbadillo-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.barbadillo-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #004807;
  border-width: 1px;
}
.barbadillo-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.barbadillo-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.barbadillo-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.barbadillo-theme .boton-recarga {
  background-color: #004807;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.barbadillo-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.barbadillo-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.barbadillo-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.barbadillo-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.barbadillo-theme .header-container button {
  padding: 0 !important;
}
.barbadillo-theme .header-container .mat-button {
  min-width: unset !important;
}
.barbadillo-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.barbadillo-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.barbadillo-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.barbadillo-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.barbadillo-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.barbadillo-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.barbadillo-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.barbadillo-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.barbadillo-theme .input-recarga-marine {
  border: 1px solid #004807 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.barbadillo-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.barbadillo-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.barbadillo-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.barbadillo-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.barbadillo-theme .color-primary {
  color: #004807 !important;
  fill: #004807 !important;
}
.barbadillo-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.barbadillo-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.barbadillo-theme .primary-contrast {
  color: #ffffff !important;
}
.barbadillo-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #004807 !important;
}
.barbadillo-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #004807 !important;
}
.barbadillo-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.barbadillo-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #004807 !important;
}
.barbadillo-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.barbadillo-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.barbadillo-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.barbadillo-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #004807 !important;
}
.barbadillo-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #004807 !important;
}
.barbadillo-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #004807 !important;
}
.barbadillo-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #004807 !important;
}
.barbadillo-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #004807 !important;
}
.barbadillo-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.barbadillo-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #004807 !important;
}
.barbadillo-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.barbadillo-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #004807 !important;
}
.barbadillo-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.barbadillo-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.barbadillo-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #004807 !important;
}
.barbadillo-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #4d7f51 !important;
}
.barbadillo-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.barbadillo-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #004807 !important;
}
.barbadillo-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #004807 !important;
}
.barbadillo-theme .mat-checkbox-checked .mat-checkbox-background,
.barbadillo-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #004807 !important;
}
.barbadillo-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #004807 !important;
}
.barbadillo-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.barbadillo-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #004807 !important;
}
.barbadillo-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.barbadillo-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #004807 !important;
}
.barbadillo-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #80a483 !important;
}
.barbadillo-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #004807 !important;
}
.barbadillo-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.barbadillo-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.barbadillo-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.barbadillo-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.barbadillo-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #004807 !important;
}
.barbadillo-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #004807 !important;
}
.barbadillo-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #004807 !important;
}
.barbadillo-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.barbadillo-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #004807 !important;
}
.barbadillo-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #004807 !important;
}
.barbadillo-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #004807 !important;
}
.barbadillo-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.barbadillo-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.barbadillo-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #004807 !important;
}
.barbadillo-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #004807 !important;
}
.barbadillo-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.barbadillo-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.barbadillo-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #004807 !important;
}
.barbadillo-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.barbadillo-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.barbadillo-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.barbadillo-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #004807 !important;
}
.barbadillo-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.barbadillo-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #004807 !important;
}
.barbadillo-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #004807 !important;
}
.barbadillo-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #004807 !important;
}
.barbadillo-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.barbadillo-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.barbadillo-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.barbadillo-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #004807 !important;
}
.barbadillo-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #004807 !important;
}
.barbadillo-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #4d7f51 !important;
}
.barbadillo-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #4d7f51 !important;
}
.barbadillo-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.barbadillo-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #004807 !important;
}
.barbadillo-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #004807 !important;
}
.barbadillo-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.barbadillo-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #004807 !important;
}
.barbadillo-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #004807 !important;
}
.barbadillo-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.barbadillo-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.barbadillo-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.barbadillo-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #4d7f51 !important;
}
.barbadillo-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #4d7f51 !important;
}
.barbadillo-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.barbadillo-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.barbadillo-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #4d7f51 !important;
}
.barbadillo-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #4d7f51 !important;
}
.barbadillo-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #4d7f51 !important;
}
.barbadillo-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #4d7f51 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.barbadillo-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #4d7f51 !important;
}
.barbadillo-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #4d7f51 !important;
}
.barbadillo-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #004807 !important;
}
.barbadillo-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #004807 !important;
}
.barbadillo-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #004807 !important;
}
.barbadillo-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.barbadillo-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.barbadillo-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.barbadillo-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.barbadillo-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.barbadillo-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #004807 !important;
}
.barbadillo-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #004807 !important;
}
.barbadillo-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #004807 !important;
}
.barbadillo-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #004807 !important;
}
.barbadillo-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #004807 !important;
}
.barbadillo-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #004807 !important;
}
.barbadillo-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.barbadillo-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #004807 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.barbadillo-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.barbadillo-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.barbadillo-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.barbadillo-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.barbadillo-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.barbadillo-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #4d7f51 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.barbadillo-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #004807 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #004807 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.barbadillo-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #004807 !important;
}
.barbadillo-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.barbadillo-theme .button-text-hidden {
  display: none;
}
.sunsnow-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #0096da;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #0096da 87%, transparent);
  --mat-form-field-filled-caret-color: #0096da;
  --mat-form-field-filled-focus-active-indicator-color: #0096da;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #0096da 87%, transparent);
  --mat-form-field-outlined-caret-color: #0096da;
  --mat-form-field-outlined-focus-outline-color: #0096da;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #0096da 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #0096da;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #0096da;
  --mat-slide-toggle-selected-handle-color: #0096da;
  --mat-slide-toggle-selected-hover-state-layer-color: #0096da;
  --mat-slide-toggle-selected-pressed-state-layer-color: #0096da;
  --mat-slide-toggle-selected-focus-handle-color: #0096da;
  --mat-slide-toggle-selected-hover-handle-color: #0096da;
  --mat-slide-toggle-selected-pressed-handle-color: #0096da;
  --mat-slide-toggle-selected-focus-track-color: #4db6e5;
  --mat-slide-toggle-selected-hover-track-color: #4db6e5;
  --mat-slide-toggle-selected-pressed-track-color: #4db6e5;
  --mat-slide-toggle-selected-track-color: #4db6e5;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #0096da;
  --mat-slider-focus-handle-color: #0096da;
  --mat-slider-handle-color: #0096da;
  --mat-slider-hover-handle-color: #0096da;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #0096da 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #0096da 4%, transparent);
  --mat-slider-inactive-track-color: #0096da;
  --mat-slider-ripple-color: #0096da;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #0096da;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #4db6e5;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #0096da;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #0096da;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #0096da 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #0096da;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #0096da 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #0096da 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #0096da 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #0096da;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #0096da;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #0096da;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #0096da;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #0096da;
  --mat-slide-toggle-selected-handle-color: #0096da;
  --mat-slide-toggle-selected-hover-state-layer-color: #0096da;
  --mat-slide-toggle-selected-pressed-state-layer-color: #0096da;
  --mat-slide-toggle-selected-focus-handle-color: #0096da;
  --mat-slide-toggle-selected-hover-handle-color: #0096da;
  --mat-slide-toggle-selected-pressed-handle-color: #0096da;
  --mat-slide-toggle-selected-focus-track-color: #4db6e5;
  --mat-slide-toggle-selected-hover-track-color: #4db6e5;
  --mat-slide-toggle-selected-pressed-track-color: #4db6e5;
  --mat-slide-toggle-selected-track-color: #4db6e5;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.sunsnow-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.sunsnow-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.sunsnow-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #0096da;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #0096da;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.sunsnow-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.sunsnow-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.sunsnow-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #0096da;
  --mat-progress-bar-track-color: rgba(0, 150, 218, 0.25);
}
.sunsnow-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.sunsnow-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.sunsnow-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.sunsnow-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.sunsnow-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.sunsnow-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.sunsnow-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.sunsnow-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.sunsnow-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.sunsnow-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #0096da;
  --mat-chip-elevated-disabled-container-color: #0096da;
  --mat-chip-elevated-selected-container-color: #0096da;
  --mat-chip-flat-disabled-selected-container-color: #0096da;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.sunsnow-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.sunsnow-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.sunsnow-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.sunsnow-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.sunsnow-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.sunsnow-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.sunsnow-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.sunsnow-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.sunsnow-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.sunsnow-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #0096da;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #0096da;
  --mat-radio-selected-hover-icon-color: #0096da;
  --mat-radio-selected-icon-color: #0096da;
  --mat-radio-selected-pressed-icon-color: #0096da;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.sunsnow-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.sunsnow-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.sunsnow-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.sunsnow-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.sunsnow-theme .mdc-list-item__start,
.sunsnow-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #0096da;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #0096da;
  --mat-radio-selected-hover-icon-color: #0096da;
  --mat-radio-selected-icon-color: #0096da;
  --mat-radio-selected-pressed-icon-color: #0096da;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.sunsnow-theme .mat-accent .mdc-list-item__start,
.sunsnow-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.sunsnow-theme .mat-warn .mdc-list-item__start,
.sunsnow-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.sunsnow-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #0096da;
  --mat-checkbox-selected-hover-icon-color: #0096da;
  --mat-checkbox-selected-icon-color: #0096da;
  --mat-checkbox-selected-pressed-icon-color: #0096da;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #0096da;
  --mat-checkbox-selected-hover-state-layer-color: #0096da;
  --mat-checkbox-selected-pressed-state-layer-color: #0096da;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.sunsnow-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.sunsnow-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.sunsnow-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.sunsnow-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.sunsnow-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.sunsnow-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #0096da;
}
.sunsnow-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.sunsnow-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.sunsnow-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.sunsnow-theme .mdc-list-item__start,
.sunsnow-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.sunsnow-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.sunsnow-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.sunsnow-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.sunsnow-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.sunsnow-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.sunsnow-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.sunsnow-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.sunsnow-theme .mat-mdc-tab-group,
.sunsnow-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #0096da;
  --mat-tab-active-ripple-color: #0096da;
  --mat-tab-inactive-ripple-color: #0096da;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #0096da;
  --mat-tab-active-hover-label-text-color: #0096da;
  --mat-tab-active-focus-indicator-color: #0096da;
  --mat-tab-active-hover-indicator-color: #0096da;
  --mat-tab-active-indicator-color: #0096da;
}
.sunsnow-theme .mat-mdc-tab-group.mat-accent,
.sunsnow-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.sunsnow-theme .mat-mdc-tab-group.mat-warn,
.sunsnow-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.sunsnow-theme .mat-mdc-tab-group.mat-background-primary,
.sunsnow-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #0096da;
  --mat-tab-foreground-color: #ffffff;
}
.sunsnow-theme .mat-mdc-tab-group.mat-background-accent,
.sunsnow-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.sunsnow-theme .mat-mdc-tab-group.mat-background-warn,
.sunsnow-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.sunsnow-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.sunsnow-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.sunsnow-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #0096da;
  --mat-checkbox-selected-hover-icon-color: #0096da;
  --mat-checkbox-selected-icon-color: #0096da;
  --mat-checkbox-selected-pressed-icon-color: #0096da;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #0096da;
  --mat-checkbox-selected-hover-state-layer-color: #0096da;
  --mat-checkbox-selected-pressed-state-layer-color: #0096da;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.sunsnow-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.sunsnow-theme .mat-mdc-button.mat-primary,
.sunsnow-theme .mat-mdc-unelevated-button.mat-primary,
.sunsnow-theme .mat-mdc-raised-button.mat-primary,
.sunsnow-theme .mat-mdc-outlined-button.mat-primary,
.sunsnow-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #0096da;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #0096da;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #0096da 12%, transparent);
  --mat-button-outlined-state-layer-color: #0096da;
  --mat-button-protected-container-color: #0096da;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #0096da;
  --mat-button-text-ripple-color: color-mix(in srgb, #0096da 12%, transparent);
  --mat-button-text-state-layer-color: #0096da;
  --mat-button-tonal-container-color: #0096da;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.sunsnow-theme .mat-mdc-button.mat-accent,
.sunsnow-theme .mat-mdc-unelevated-button.mat-accent,
.sunsnow-theme .mat-mdc-raised-button.mat-accent,
.sunsnow-theme .mat-mdc-outlined-button.mat-accent,
.sunsnow-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.sunsnow-theme .mat-mdc-button.mat-warn,
.sunsnow-theme .mat-mdc-unelevated-button.mat-warn,
.sunsnow-theme .mat-mdc-raised-button.mat-warn,
.sunsnow-theme .mat-mdc-outlined-button.mat-warn,
.sunsnow-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.sunsnow-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #0096da;
  --mat-icon-button-state-layer-color: #0096da;
  --mat-icon-button-ripple-color: color-mix(in srgb, #0096da 12%, transparent);
}
.sunsnow-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.sunsnow-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.sunsnow-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.sunsnow-theme .mat-mdc-fab.mat-primary,
.sunsnow-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #0096da;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #0096da 12%, transparent);
  --mat-fab-small-container-color: #0096da;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.sunsnow-theme .mat-mdc-fab.mat-accent,
.sunsnow-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.sunsnow-theme .mat-mdc-fab.mat-warn,
.sunsnow-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.sunsnow-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.sunsnow-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.sunsnow-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.sunsnow-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.sunsnow-theme .mat-datepicker-content.mat-accent,
.sunsnow-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.sunsnow-theme .mat-datepicker-content.mat-warn,
.sunsnow-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.sunsnow-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.sunsnow-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.sunsnow-theme .mat-icon.mat-primary {
  --mat-icon-color: #0096da;
}
.sunsnow-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.sunsnow-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.sunsnow-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.sunsnow-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.sunsnow-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #0096da;
  --mat-toolbar-container-text-color: #ffffff;
}
.sunsnow-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.sunsnow-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.sunsnow-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.sunsnow-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.sunsnow-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.sunsnow-theme .back-container {
  color: #0096da;
}
.sunsnow-theme .back-container:hover {
  opacity: 0.54;
}
.sunsnow-theme .warn-text {
  color: #e74737;
}
.sunsnow-theme .inside-modal-title.primary-colored-title,
.sunsnow-theme .form-title.primary-colored-title {
  color: #0096da;
}
.sunsnow-theme .full-height-container form .button-container {
  background: white;
}
.sunsnow-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.sunsnow-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.sunsnow-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.sunsnow-theme .box-checkbox.active-box-checkbox {
  background-color: #0096da;
  color: white;
}
.sunsnow-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.sunsnow-theme .box-radio.active-box-radio {
  background-color: #0096da;
  color: white;
}
.sunsnow-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.sunsnow-theme .error {
  color: #e74737;
}
.sunsnow-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.sunsnow-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.sunsnow-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.sunsnow-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.sunsnow-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.sunsnow-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.sunsnow-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.sunsnow-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.sunsnow-theme .ql-snow .ql-picker-options {
  background: white;
}
.sunsnow-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.sunsnow-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.sunsnow-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.sunsnow-theme .ql-snow .ql-fill,
.sunsnow-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.sunsnow-theme .ql-snow.ql-toolbar button:hover,
.sunsnow-theme .ql-snow .ql-toolbar button:hover,
.sunsnow-theme .ql-snow.ql-toolbar button:focus,
.sunsnow-theme .ql-snow .ql-toolbar button:focus,
.sunsnow-theme .ql-snow.ql-toolbar button.ql-active,
.sunsnow-theme .ql-snow .ql-toolbar button.ql-active,
.sunsnow-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.sunsnow-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.sunsnow-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.sunsnow-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.sunsnow-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.sunsnow-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.sunsnow-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.sunsnow-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.sunsnow-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.sunsnow-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.sunsnow-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.sunsnow-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.sunsnow-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.sunsnow-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.sunsnow-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.sunsnow-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.sunsnow-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.sunsnow-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.sunsnow-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.sunsnow-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.sunsnow-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.sunsnow-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.sunsnow-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.sunsnow-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.sunsnow-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.sunsnow-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.sunsnow-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.sunsnow-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.sunsnow-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.sunsnow-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.sunsnow-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.sunsnow-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.sunsnow-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.sunsnow-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.sunsnow-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.sunsnow-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.sunsnow-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.sunsnow-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.sunsnow-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.sunsnow-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.sunsnow-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.sunsnow-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.sunsnow-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.sunsnow-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.sunsnow-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.sunsnow-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.sunsnow-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.sunsnow-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.sunsnow-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.sunsnow-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.sunsnow-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.sunsnow-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.sunsnow-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.sunsnow-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.sunsnow-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.sunsnow-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.sunsnow-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.sunsnow-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.sunsnow-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.sunsnow-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.sunsnow-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.sunsnow-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.sunsnow-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.sunsnow-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.sunsnow-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.sunsnow-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.sunsnow-theme bee-form-item {
  margin-right: 0 !important;
}
.sunsnow-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.sunsnow-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #0096da;
  height: 38px !important;
}
.sunsnow-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.sunsnow-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.sunsnow-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.sunsnow-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.sunsnow-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.sunsnow-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.sunsnow-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.sunsnow-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.sunsnow-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .sunsnow-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.sunsnow-theme .general-container .label-wrapper label {
  color: #0096da !important;
  background-color: white;
}
.sunsnow-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.sunsnow-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.sunsnow-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.sunsnow-theme .general-container .bee-selector .bee-selector-container {
  border-color: #0096da !important;
}
.sunsnow-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.sunsnow-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.sunsnow-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.sunsnow-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.sunsnow-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.sunsnow-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.sunsnow-theme .general-container .bee-selector .bee-selector-container:focus,
.sunsnow-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #0096da;
}
.sunsnow-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.sunsnow-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #0096da;
}
.sunsnow-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.sunsnow-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #0096da;
}
.sunsnow-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.sunsnow-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.sunsnow-theme .general-container .bee-dropdown {
  background: white;
}
.sunsnow-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #0096da;
}
.sunsnow-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.sunsnow-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.sunsnow-theme .general-container .selector-error {
  color: #e74737;
}
.sunsnow-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.sunsnow-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.sunsnow-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.sunsnow-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.sunsnow-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #0096da;
}
.sunsnow-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.sunsnow-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.sunsnow-theme .move-image-action-container:hover {
  color: #0096da;
}
.sunsnow-theme .info-icon {
  color: #0096da;
}
.sunsnow-theme .email-chip {
  color: #0096da !important;
  background-color: rgba(0, 150, 218, 0.15) !important;
}
.sunsnow-theme .email-chip .mat-chip-remove {
  color: #0096da !important;
  opacity: 1 !important;
}
.sunsnow-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.sunsnow-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.sunsnow-theme .mat-badge-content {
  color: #0096da !important;
}
.sunsnow-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #0096da !important;
}
.sunsnow-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #0096da !important;
}
.sunsnow-theme #circle-lleno {
  background: #26a6e0;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.sunsnow-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.sunsnow-theme .marine-color {
  color: #0f223e !important;
}
.sunsnow-theme .primary-color {
  color: #0096da !important;
}
.sunsnow-theme .gray-color {
  color: #C0C4CA !important;
}
.sunsnow-theme .primary-color-200 {
  color: #80cbed !important;
}
.sunsnow-theme svg.primary-fill-svg {
  fill: #0096da !important;
}
.sunsnow-theme .primary-fill {
  fill: #0096da !important;
}
.sunsnow-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.sunsnow-theme .primary-border-50 {
  border-color: #e0f2fb !important;
}
.sunsnow-theme .primary-border-100 {
  border-color: #b3e0f4 !important;
}
.sunsnow-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.sunsnow-theme .transparent-border-100 {
  border-color: transparent !important;
}
.sunsnow-theme .primary-border-200 {
  border-color: #80cbed !important;
}
.sunsnow-theme .primary-indicator .mat-expansion-indicator:after {
  color: #0096da;
}
.sunsnow-theme .contrast-background {
  background-color: #ffffff !important;
}
.sunsnow-theme .primary-color-small {
  color: rgba(0, 150, 218, 0.6);
}
.sunsnow-theme .marine-background {
  background-color: #0f223e !important;
}
.sunsnow-theme .primary-background {
  background-color: #0096da !important;
}
.sunsnow-theme .primary-background-50 {
  background-color: #e0f2fb !important;
}
.sunsnow-theme .primary-background-200 {
  background-color: #80cbed !important;
}
.sunsnow-theme .primary-background-800 {
  background-color: #0079cb !important;
}
.sunsnow-theme .white-color {
  color: white !important;
}
.sunsnow-theme .secondary-color {
  color: #26a6e0 !important;
}
.sunsnow-theme .secondary-background {
  background-color: #26a6e0 !important;
}
.sunsnow-theme .secondary-background-semi {
  background-color: #0096da !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #0096da !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.sunsnow-theme .secondary-background-full {
  background-color: #0096da !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #0096da !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.sunsnow-theme .secondary-background-empty {
  background-color: #0096da !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #0096da !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.sunsnow-theme .secondary-border {
  background-color: #26a6e0 !important;
}
.sunsnow-theme .tertiary-color {
  color: #26a6e0 !important;
}
.sunsnow-theme button.button-tertiary {
  background-color: #26a6e0 !important;
  color: #0096da !important;
  border: 1px solid #0096da !important;
}
.sunsnow-theme span.red-text {
  color: #DB1F35 !important;
}
.sunsnow-theme .tertiary-background {
  background-color: #26a6e0 !important;
}
.sunsnow-theme .tertiary-border {
  border-color: #26a6e0 !important;
}
.sunsnow-theme .dark-background {
  background-color: black !important;
}
.sunsnow-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.sunsnow-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.sunsnow-theme .primary-soft-background {
  background-color: rgba(0, 150, 218, 0.1) !important;
}
.sunsnow-theme .primary-soft-background:hover {
  background-color: rgba(0, 150, 218, 0.15) !important;
}
.sunsnow-theme .primary-border {
  border-color: #0096da !important;
}
.sunsnow-theme .default-background {
  background-color: #fafafa !important;
}
.sunsnow-theme .hover-primary:hover {
  color: #0096da !important;
}
.sunsnow-theme .hover-primary-background:hover {
  background-color: #0096da !important;
}
.sunsnow-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.sunsnow-theme .warn-color {
  color: #e74737 !important;
}
.sunsnow-theme .warn-border {
  border-color: #e74737 !important;
}
.sunsnow-theme .accent-color {
  color: #fedd93 !important;
}
.sunsnow-theme .accent-background {
  background-color: #fedd93 !important;
}
.sunsnow-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.sunsnow-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.sunsnow-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.sunsnow-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.sunsnow-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.sunsnow-theme .dialog-table tr .action-icon {
  color: transparent;
}
.sunsnow-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.sunsnow-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.sunsnow-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #0096da;
}
.sunsnow-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.sunsnow-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.sunsnow-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.sunsnow-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.sunsnow-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.sunsnow-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.sunsnow-theme .card-table tr .action-icon {
  color: transparent;
}
.sunsnow-theme .card-table tr .action-icon button {
  color: transparent;
}
.sunsnow-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.sunsnow-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.sunsnow-theme .card-table tr:hover .action-icon button {
  color: #0096da;
}
.sunsnow-theme .card-table tr:hover .action-icon:hover {
  color: #0096da;
}
.sunsnow-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.sunsnow-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.sunsnow-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.sunsnow-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.sunsnow-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #0096da;
}
.sunsnow-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.sunsnow-theme .no-hover-table tr:hover {
  background: white;
}
.sunsnow-theme .custom-standard-chip {
  background-color: rgba(0, 150, 218, 0.1) !important;
  color: #0096da !important;
}
.sunsnow-theme .help-dashboard-card .mat-icon {
  color: #0096da;
}
.sunsnow-theme .help-dashboard-card:hover {
  background-color: #0096da;
}
.sunsnow-theme .help-dashboard-card:hover .mat-icon,
.sunsnow-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.sunsnow-theme .room-open {
  background-color: #0096da !important;
  color: white !important;
}
.sunsnow-theme .room-open:hover {
  background-color: #0096da !important;
  color: white !important;
}
.sunsnow-theme #public-office-page-groups .public-group-button-hover {
  background-color: #0096da !important;
  color: white !important;
}
.sunsnow-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.sunsnow-theme .notification-container .show-tip {
  color: transparent;
}
.sunsnow-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.sunsnow-theme .notification-container:hover .show-tip {
  color: #0096da;
}
.sunsnow-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.sunsnow-theme .notification-container .notification-subject .mat-icon {
  color: #0096da;
}
.sunsnow-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.sunsnow-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.sunsnow-theme .message-container .show-tip {
  color: transparent;
}
.sunsnow-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.sunsnow-theme .message-container:hover .show-tip {
  color: #0096da;
}
.sunsnow-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.sunsnow-theme .message-container .message-subject .mat-icon {
  color: #0096da;
}
.sunsnow-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.sunsnow-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.sunsnow-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.sunsnow-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.sunsnow-theme .primary-200-outline input {
  caret-color: #80cbed;
  color: #0096da;
}
.sunsnow-theme .primary-200-outline label {
  color: #80cbed;
}
.sunsnow-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #80cbed !important;
}
.sunsnow-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #80cbed;
}
.sunsnow-theme mat-form-field .primary-outline label {
  color: #0096da !important;
}
.sunsnow-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #0096da !important;
}
.sunsnow-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #0096da !important;
}
.sunsnow-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.sunsnow-theme .input-primary input {
  caret-color: #0096da;
  color: #0096da;
}
.sunsnow-theme .input-primary label {
  color: #0096da;
}
.sunsnow-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #0096da !important;
}
.sunsnow-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.sunsnow-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #0096da;
  border-width: 1px;
}
.sunsnow-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.sunsnow-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.sunsnow-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.sunsnow-theme .boton-recarga {
  background-color: #0096da;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.sunsnow-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.sunsnow-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
}
.sunsnow-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.sunsnow-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.sunsnow-theme .header-container button {
  padding: 0 !important;
}
.sunsnow-theme .header-container .mat-button {
  min-width: unset !important;
}
.sunsnow-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.sunsnow-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sunsnow-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.sunsnow-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.sunsnow-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.sunsnow-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.sunsnow-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.sunsnow-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.sunsnow-theme .input-recarga-marine {
  border: 1px solid #0096da !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.sunsnow-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.sunsnow-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.sunsnow-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.sunsnow-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.sunsnow-theme .color-primary {
  color: #0096da !important;
  fill: #0096da !important;
}
.sunsnow-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.sunsnow-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.sunsnow-theme .primary-contrast {
  color: #ffffff !important;
}
.sunsnow-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0096da !important;
}
.sunsnow-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0096da !important;
}
.sunsnow-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.sunsnow-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0096da !important;
}
.sunsnow-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.sunsnow-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.sunsnow-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.sunsnow-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #0096da !important;
}
.sunsnow-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #0096da !important;
}
.sunsnow-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #0096da !important;
}
.sunsnow-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #0096da !important;
}
.sunsnow-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0096da !important;
}
.sunsnow-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.sunsnow-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0096da !important;
}
.sunsnow-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.sunsnow-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0096da !important;
}
.sunsnow-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.sunsnow-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.sunsnow-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0096da !important;
}
.sunsnow-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #26a6e0 !important;
}
.sunsnow-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.sunsnow-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0096da !important;
}
.sunsnow-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #0096da !important;
}
.sunsnow-theme .mat-checkbox-checked .mat-checkbox-background,
.sunsnow-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #0096da !important;
}
.sunsnow-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0096da !important;
}
.sunsnow-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.sunsnow-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0096da !important;
}
.sunsnow-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.sunsnow-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0096da !important;
}
.sunsnow-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #80cbed !important;
}
.sunsnow-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0096da !important;
}
.sunsnow-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.sunsnow-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.sunsnow-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.sunsnow-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.sunsnow-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #0096da !important;
}
.sunsnow-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0096da !important;
}
.sunsnow-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0096da !important;
}
.sunsnow-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.sunsnow-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0096da !important;
}
.sunsnow-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0096da !important;
}
.sunsnow-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0096da !important;
}
.sunsnow-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.sunsnow-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.sunsnow-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #0096da !important;
}
.sunsnow-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0096da !important;
}
.sunsnow-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.sunsnow-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.sunsnow-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0096da !important;
}
.sunsnow-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.sunsnow-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.sunsnow-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.sunsnow-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0096da !important;
}
.sunsnow-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.sunsnow-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0096da !important;
}
.sunsnow-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0096da !important;
}
.sunsnow-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0096da !important;
}
.sunsnow-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.sunsnow-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.sunsnow-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.sunsnow-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #0096da !important;
}
.sunsnow-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #0096da !important;
}
.sunsnow-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #26a6e0 !important;
}
.sunsnow-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #26a6e0 !important;
}
.sunsnow-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.sunsnow-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0096da !important;
}
.sunsnow-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0096da !important;
}
.sunsnow-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.sunsnow-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #0096da !important;
}
.sunsnow-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #0096da !important;
}
.sunsnow-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.sunsnow-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.sunsnow-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.sunsnow-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #26a6e0 !important;
}
.sunsnow-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #26a6e0 !important;
}
.sunsnow-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.sunsnow-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.sunsnow-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #26a6e0 !important;
}
.sunsnow-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #26a6e0 !important;
}
.sunsnow-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #26a6e0 !important;
}
.sunsnow-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #26a6e0 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.sunsnow-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #26a6e0 !important;
}
.sunsnow-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #26a6e0 !important;
}
.sunsnow-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #0096da !important;
}
.sunsnow-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #0096da !important;
}
.sunsnow-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #0096da !important;
}
.sunsnow-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.sunsnow-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.sunsnow-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.sunsnow-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.sunsnow-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.sunsnow-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #0096da !important;
}
.sunsnow-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #0096da !important;
}
.sunsnow-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #0096da !important;
}
.sunsnow-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #0096da !important;
}
.sunsnow-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #0096da !important;
}
.sunsnow-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #0096da !important;
}
.sunsnow-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.sunsnow-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #0096da !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.sunsnow-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.sunsnow-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.sunsnow-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.sunsnow-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.sunsnow-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.sunsnow-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #26a6e0 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.sunsnow-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #0096da !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #0096da !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.sunsnow-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #0096da !important;
}
.sunsnow-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.sunsnow-theme .button-text-hidden {
  display: none;
}
.iberoexperia-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #241c24;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #241c24 87%, transparent);
  --mat-form-field-filled-caret-color: #241c24;
  --mat-form-field-filled-focus-active-indicator-color: #241c24;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #241c24 87%, transparent);
  --mat-form-field-outlined-caret-color: #241c24;
  --mat-form-field-outlined-focus-outline-color: #241c24;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #241c24 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #241c24;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #241c24;
  --mat-slide-toggle-selected-handle-color: #241c24;
  --mat-slide-toggle-selected-hover-state-layer-color: #241c24;
  --mat-slide-toggle-selected-pressed-state-layer-color: #241c24;
  --mat-slide-toggle-selected-focus-handle-color: #241c24;
  --mat-slide-toggle-selected-hover-handle-color: #241c24;
  --mat-slide-toggle-selected-pressed-handle-color: #241c24;
  --mat-slide-toggle-selected-focus-track-color: #666066;
  --mat-slide-toggle-selected-hover-track-color: #666066;
  --mat-slide-toggle-selected-pressed-track-color: #666066;
  --mat-slide-toggle-selected-track-color: #666066;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #241c24;
  --mat-slider-focus-handle-color: #241c24;
  --mat-slider-handle-color: #241c24;
  --mat-slider-hover-handle-color: #241c24;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #241c24 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #241c24 4%, transparent);
  --mat-slider-inactive-track-color: #241c24;
  --mat-slider-ripple-color: #241c24;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #241c24;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #666066;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #241c24;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #241c24;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #241c24 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #241c24;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #241c24 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #241c24 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #241c24 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #241c24;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #241c24;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #241c24;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #241c24;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #241c24;
  --mat-slide-toggle-selected-handle-color: #241c24;
  --mat-slide-toggle-selected-hover-state-layer-color: #241c24;
  --mat-slide-toggle-selected-pressed-state-layer-color: #241c24;
  --mat-slide-toggle-selected-focus-handle-color: #241c24;
  --mat-slide-toggle-selected-hover-handle-color: #241c24;
  --mat-slide-toggle-selected-pressed-handle-color: #241c24;
  --mat-slide-toggle-selected-focus-track-color: #666066;
  --mat-slide-toggle-selected-hover-track-color: #666066;
  --mat-slide-toggle-selected-pressed-track-color: #666066;
  --mat-slide-toggle-selected-track-color: #666066;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.iberoexperia-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.iberoexperia-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.iberoexperia-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #241c24;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #241c24;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.iberoexperia-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.iberoexperia-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.iberoexperia-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #241c24;
  --mat-progress-bar-track-color: rgba(36, 28, 36, 0.25);
}
.iberoexperia-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.iberoexperia-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.iberoexperia-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.iberoexperia-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.iberoexperia-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.iberoexperia-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.iberoexperia-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.iberoexperia-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.iberoexperia-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.iberoexperia-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #241c24;
  --mat-chip-elevated-disabled-container-color: #241c24;
  --mat-chip-elevated-selected-container-color: #241c24;
  --mat-chip-flat-disabled-selected-container-color: #241c24;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.iberoexperia-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.iberoexperia-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.iberoexperia-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.iberoexperia-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.iberoexperia-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.iberoexperia-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.iberoexperia-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.iberoexperia-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.iberoexperia-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.iberoexperia-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #241c24;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #241c24;
  --mat-radio-selected-hover-icon-color: #241c24;
  --mat-radio-selected-icon-color: #241c24;
  --mat-radio-selected-pressed-icon-color: #241c24;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.iberoexperia-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.iberoexperia-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.iberoexperia-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.iberoexperia-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.iberoexperia-theme .mdc-list-item__start,
.iberoexperia-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #241c24;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #241c24;
  --mat-radio-selected-hover-icon-color: #241c24;
  --mat-radio-selected-icon-color: #241c24;
  --mat-radio-selected-pressed-icon-color: #241c24;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.iberoexperia-theme .mat-accent .mdc-list-item__start,
.iberoexperia-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.iberoexperia-theme .mat-warn .mdc-list-item__start,
.iberoexperia-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.iberoexperia-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #241c24;
  --mat-checkbox-selected-hover-icon-color: #241c24;
  --mat-checkbox-selected-icon-color: #241c24;
  --mat-checkbox-selected-pressed-icon-color: #241c24;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #241c24;
  --mat-checkbox-selected-hover-state-layer-color: #241c24;
  --mat-checkbox-selected-pressed-state-layer-color: #241c24;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.iberoexperia-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.iberoexperia-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.iberoexperia-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.iberoexperia-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.iberoexperia-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.iberoexperia-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #241c24;
}
.iberoexperia-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.iberoexperia-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.iberoexperia-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.iberoexperia-theme .mdc-list-item__start,
.iberoexperia-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.iberoexperia-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.iberoexperia-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.iberoexperia-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.iberoexperia-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.iberoexperia-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.iberoexperia-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.iberoexperia-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.iberoexperia-theme .mat-mdc-tab-group,
.iberoexperia-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #241c24;
  --mat-tab-active-ripple-color: #241c24;
  --mat-tab-inactive-ripple-color: #241c24;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #241c24;
  --mat-tab-active-hover-label-text-color: #241c24;
  --mat-tab-active-focus-indicator-color: #241c24;
  --mat-tab-active-hover-indicator-color: #241c24;
  --mat-tab-active-indicator-color: #241c24;
}
.iberoexperia-theme .mat-mdc-tab-group.mat-accent,
.iberoexperia-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.iberoexperia-theme .mat-mdc-tab-group.mat-warn,
.iberoexperia-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.iberoexperia-theme .mat-mdc-tab-group.mat-background-primary,
.iberoexperia-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #241c24;
  --mat-tab-foreground-color: #ffffff;
}
.iberoexperia-theme .mat-mdc-tab-group.mat-background-accent,
.iberoexperia-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.iberoexperia-theme .mat-mdc-tab-group.mat-background-warn,
.iberoexperia-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.iberoexperia-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.iberoexperia-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.iberoexperia-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #241c24;
  --mat-checkbox-selected-hover-icon-color: #241c24;
  --mat-checkbox-selected-icon-color: #241c24;
  --mat-checkbox-selected-pressed-icon-color: #241c24;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #241c24;
  --mat-checkbox-selected-hover-state-layer-color: #241c24;
  --mat-checkbox-selected-pressed-state-layer-color: #241c24;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.iberoexperia-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.iberoexperia-theme .mat-mdc-button.mat-primary,
.iberoexperia-theme .mat-mdc-unelevated-button.mat-primary,
.iberoexperia-theme .mat-mdc-raised-button.mat-primary,
.iberoexperia-theme .mat-mdc-outlined-button.mat-primary,
.iberoexperia-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #241c24;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #241c24;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #241c24 12%, transparent);
  --mat-button-outlined-state-layer-color: #241c24;
  --mat-button-protected-container-color: #241c24;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #241c24;
  --mat-button-text-ripple-color: color-mix(in srgb, #241c24 12%, transparent);
  --mat-button-text-state-layer-color: #241c24;
  --mat-button-tonal-container-color: #241c24;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.iberoexperia-theme .mat-mdc-button.mat-accent,
.iberoexperia-theme .mat-mdc-unelevated-button.mat-accent,
.iberoexperia-theme .mat-mdc-raised-button.mat-accent,
.iberoexperia-theme .mat-mdc-outlined-button.mat-accent,
.iberoexperia-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.iberoexperia-theme .mat-mdc-button.mat-warn,
.iberoexperia-theme .mat-mdc-unelevated-button.mat-warn,
.iberoexperia-theme .mat-mdc-raised-button.mat-warn,
.iberoexperia-theme .mat-mdc-outlined-button.mat-warn,
.iberoexperia-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.iberoexperia-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #241c24;
  --mat-icon-button-state-layer-color: #241c24;
  --mat-icon-button-ripple-color: color-mix(in srgb, #241c24 12%, transparent);
}
.iberoexperia-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.iberoexperia-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.iberoexperia-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.iberoexperia-theme .mat-mdc-fab.mat-primary,
.iberoexperia-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #241c24;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #241c24 12%, transparent);
  --mat-fab-small-container-color: #241c24;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.iberoexperia-theme .mat-mdc-fab.mat-accent,
.iberoexperia-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.iberoexperia-theme .mat-mdc-fab.mat-warn,
.iberoexperia-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.iberoexperia-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.iberoexperia-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.iberoexperia-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.iberoexperia-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.iberoexperia-theme .mat-datepicker-content.mat-accent,
.iberoexperia-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.iberoexperia-theme .mat-datepicker-content.mat-warn,
.iberoexperia-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.iberoexperia-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.iberoexperia-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.iberoexperia-theme .mat-icon.mat-primary {
  --mat-icon-color: #241c24;
}
.iberoexperia-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.iberoexperia-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.iberoexperia-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.iberoexperia-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.iberoexperia-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #241c24;
  --mat-toolbar-container-text-color: #ffffff;
}
.iberoexperia-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.iberoexperia-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.iberoexperia-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.iberoexperia-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.iberoexperia-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.iberoexperia-theme .back-container {
  color: #241c24;
}
.iberoexperia-theme .back-container:hover {
  opacity: 0.54;
}
.iberoexperia-theme .warn-text {
  color: #e74737;
}
.iberoexperia-theme .inside-modal-title.primary-colored-title,
.iberoexperia-theme .form-title.primary-colored-title {
  color: #241c24;
}
.iberoexperia-theme .full-height-container form .button-container {
  background: white;
}
.iberoexperia-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.iberoexperia-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.iberoexperia-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.iberoexperia-theme .box-checkbox.active-box-checkbox {
  background-color: #241c24;
  color: white;
}
.iberoexperia-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.iberoexperia-theme .box-radio.active-box-radio {
  background-color: #241c24;
  color: white;
}
.iberoexperia-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.iberoexperia-theme .error {
  color: #e74737;
}
.iberoexperia-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.iberoexperia-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.iberoexperia-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.iberoexperia-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.iberoexperia-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.iberoexperia-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.iberoexperia-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.iberoexperia-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.iberoexperia-theme .ql-snow .ql-picker-options {
  background: white;
}
.iberoexperia-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.iberoexperia-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.iberoexperia-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.iberoexperia-theme .ql-snow .ql-fill,
.iberoexperia-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.iberoexperia-theme .ql-snow.ql-toolbar button:hover,
.iberoexperia-theme .ql-snow .ql-toolbar button:hover,
.iberoexperia-theme .ql-snow.ql-toolbar button:focus,
.iberoexperia-theme .ql-snow .ql-toolbar button:focus,
.iberoexperia-theme .ql-snow.ql-toolbar button.ql-active,
.iberoexperia-theme .ql-snow .ql-toolbar button.ql-active,
.iberoexperia-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.iberoexperia-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.iberoexperia-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.iberoexperia-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.iberoexperia-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.iberoexperia-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.iberoexperia-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.iberoexperia-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.iberoexperia-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.iberoexperia-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.iberoexperia-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.iberoexperia-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.iberoexperia-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.iberoexperia-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.iberoexperia-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.iberoexperia-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.iberoexperia-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.iberoexperia-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.iberoexperia-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.iberoexperia-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.iberoexperia-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.iberoexperia-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.iberoexperia-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.iberoexperia-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.iberoexperia-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.iberoexperia-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.iberoexperia-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.iberoexperia-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.iberoexperia-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.iberoexperia-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.iberoexperia-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.iberoexperia-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.iberoexperia-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.iberoexperia-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.iberoexperia-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.iberoexperia-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.iberoexperia-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.iberoexperia-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.iberoexperia-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.iberoexperia-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.iberoexperia-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.iberoexperia-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.iberoexperia-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.iberoexperia-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.iberoexperia-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.iberoexperia-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.iberoexperia-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.iberoexperia-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.iberoexperia-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.iberoexperia-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.iberoexperia-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.iberoexperia-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.iberoexperia-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.iberoexperia-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.iberoexperia-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.iberoexperia-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.iberoexperia-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.iberoexperia-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.iberoexperia-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.iberoexperia-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.iberoexperia-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.iberoexperia-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.iberoexperia-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.iberoexperia-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.iberoexperia-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.iberoexperia-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.iberoexperia-theme bee-form-item {
  margin-right: 0 !important;
}
.iberoexperia-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.iberoexperia-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #241c24;
  height: 38px !important;
}
.iberoexperia-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.iberoexperia-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.iberoexperia-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.iberoexperia-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.iberoexperia-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.iberoexperia-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.iberoexperia-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.iberoexperia-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.iberoexperia-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .iberoexperia-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.iberoexperia-theme .general-container .label-wrapper label {
  color: #241c24 !important;
  background-color: white;
}
.iberoexperia-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.iberoexperia-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.iberoexperia-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.iberoexperia-theme .general-container .bee-selector .bee-selector-container {
  border-color: #241c24 !important;
}
.iberoexperia-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.iberoexperia-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.iberoexperia-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.iberoexperia-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.iberoexperia-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.iberoexperia-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.iberoexperia-theme .general-container .bee-selector .bee-selector-container:focus,
.iberoexperia-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #241c24;
}
.iberoexperia-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.iberoexperia-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #241c24;
}
.iberoexperia-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.iberoexperia-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #241c24;
}
.iberoexperia-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.iberoexperia-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.iberoexperia-theme .general-container .bee-dropdown {
  background: white;
}
.iberoexperia-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #241c24;
}
.iberoexperia-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.iberoexperia-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.iberoexperia-theme .general-container .selector-error {
  color: #e74737;
}
.iberoexperia-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.iberoexperia-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.iberoexperia-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.iberoexperia-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.iberoexperia-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #241c24;
}
.iberoexperia-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.iberoexperia-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.iberoexperia-theme .move-image-action-container:hover {
  color: #241c24;
}
.iberoexperia-theme .info-icon {
  color: #241c24;
}
.iberoexperia-theme .email-chip {
  color: #241c24 !important;
  background-color: rgba(36, 28, 36, 0.15) !important;
}
.iberoexperia-theme .email-chip .mat-chip-remove {
  color: #241c24 !important;
  opacity: 1 !important;
}
.iberoexperia-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.iberoexperia-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.iberoexperia-theme .mat-badge-content {
  color: #241c24 !important;
}
.iberoexperia-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #241c24 !important;
}
.iberoexperia-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #241c24 !important;
}
.iberoexperia-theme #circle-lleno {
  background: #241c24;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.iberoexperia-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.iberoexperia-theme .marine-color {
  color: #0f223e !important;
}
.iberoexperia-theme .primary-color {
  color: #241c24 !important;
}
.iberoexperia-theme .gray-color {
  color: #C0C4CA !important;
}
.iberoexperia-theme .primary-color-200 {
  color: #928e92 !important;
}
.iberoexperia-theme svg.primary-fill-svg {
  fill: #241c24 !important;
}
.iberoexperia-theme .primary-fill {
  fill: #241c24 !important;
}
.iberoexperia-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.iberoexperia-theme .primary-border-50 {
  border-color: #e5e4e5 !important;
}
.iberoexperia-theme .primary-border-100 {
  border-color: #bdbbbd !important;
}
.iberoexperia-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.iberoexperia-theme .transparent-border-100 {
  border-color: transparent !important;
}
.iberoexperia-theme .primary-border-200 {
  border-color: #928e92 !important;
}
.iberoexperia-theme .primary-indicator .mat-expansion-indicator:after {
  color: #241c24;
}
.iberoexperia-theme .contrast-background {
  background-color: #ffffff !important;
}
.iberoexperia-theme .primary-color-small {
  color: rgba(36, 28, 36, 0.6);
}
.iberoexperia-theme .marine-background {
  background-color: #0f223e !important;
}
.iberoexperia-theme .primary-background {
  background-color: #241c24 !important;
}
.iberoexperia-theme .primary-background-50 {
  background-color: #e5e4e5 !important;
}
.iberoexperia-theme .primary-background-200 {
  background-color: #928e92 !important;
}
.iberoexperia-theme .primary-background-800 {
  background-color: #161116 !important;
}
.iberoexperia-theme .white-color {
  color: white !important;
}
.iberoexperia-theme .secondary-color {
  color: #241c24 !important;
}
.iberoexperia-theme .secondary-background {
  background-color: #241c24 !important;
}
.iberoexperia-theme .secondary-background-semi {
  background-color: #241c24 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #241c24 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.iberoexperia-theme .secondary-background-full {
  background-color: #241c24 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #241c24 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.iberoexperia-theme .secondary-background-empty {
  background-color: #241c24 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #241c24 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.iberoexperia-theme .secondary-border {
  background-color: #241c24 !important;
}
.iberoexperia-theme .tertiary-color {
  color: #241c24 !important;
}
.iberoexperia-theme button.button-tertiary {
  background-color: #241c24 !important;
  color: #241c24 !important;
  border: 1px solid #241c24 !important;
}
.iberoexperia-theme span.red-text {
  color: #DB1F35 !important;
}
.iberoexperia-theme .tertiary-background {
  background-color: #241c24 !important;
}
.iberoexperia-theme .tertiary-border {
  border-color: #241c24 !important;
}
.iberoexperia-theme .dark-background {
  background-color: black !important;
}
.iberoexperia-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.iberoexperia-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.iberoexperia-theme .primary-soft-background {
  background-color: rgba(36, 28, 36, 0.1) !important;
}
.iberoexperia-theme .primary-soft-background:hover {
  background-color: rgba(36, 28, 36, 0.15) !important;
}
.iberoexperia-theme .primary-border {
  border-color: #241c24 !important;
}
.iberoexperia-theme .default-background {
  background-color: #fafafa !important;
}
.iberoexperia-theme .hover-primary:hover {
  color: #241c24 !important;
}
.iberoexperia-theme .hover-primary-background:hover {
  background-color: #241c24 !important;
}
.iberoexperia-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.iberoexperia-theme .warn-color {
  color: #e74737 !important;
}
.iberoexperia-theme .warn-border {
  border-color: #e74737 !important;
}
.iberoexperia-theme .accent-color {
  color: #fedd93 !important;
}
.iberoexperia-theme .accent-background {
  background-color: #fedd93 !important;
}
.iberoexperia-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.iberoexperia-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.iberoexperia-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.iberoexperia-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.iberoexperia-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.iberoexperia-theme .dialog-table tr .action-icon {
  color: transparent;
}
.iberoexperia-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.iberoexperia-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.iberoexperia-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #241c24;
}
.iberoexperia-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.iberoexperia-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.iberoexperia-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.iberoexperia-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.iberoexperia-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.iberoexperia-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.iberoexperia-theme .card-table tr .action-icon {
  color: transparent;
}
.iberoexperia-theme .card-table tr .action-icon button {
  color: transparent;
}
.iberoexperia-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.iberoexperia-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.iberoexperia-theme .card-table tr:hover .action-icon button {
  color: #241c24;
}
.iberoexperia-theme .card-table tr:hover .action-icon:hover {
  color: #241c24;
}
.iberoexperia-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.iberoexperia-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.iberoexperia-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.iberoexperia-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.iberoexperia-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #241c24;
}
.iberoexperia-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.iberoexperia-theme .no-hover-table tr:hover {
  background: white;
}
.iberoexperia-theme .custom-standard-chip {
  background-color: rgba(36, 28, 36, 0.1) !important;
  color: #241c24 !important;
}
.iberoexperia-theme .help-dashboard-card .mat-icon {
  color: #241c24;
}
.iberoexperia-theme .help-dashboard-card:hover {
  background-color: #241c24;
}
.iberoexperia-theme .help-dashboard-card:hover .mat-icon,
.iberoexperia-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.iberoexperia-theme .room-open {
  background-color: #241c24 !important;
  color: white !important;
}
.iberoexperia-theme .room-open:hover {
  background-color: #241c24 !important;
  color: white !important;
}
.iberoexperia-theme #public-office-page-groups .public-group-button-hover {
  background-color: #241c24 !important;
  color: white !important;
}
.iberoexperia-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.iberoexperia-theme .notification-container .show-tip {
  color: transparent;
}
.iberoexperia-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.iberoexperia-theme .notification-container:hover .show-tip {
  color: #241c24;
}
.iberoexperia-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.iberoexperia-theme .notification-container .notification-subject .mat-icon {
  color: #241c24;
}
.iberoexperia-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.iberoexperia-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.iberoexperia-theme .message-container .show-tip {
  color: transparent;
}
.iberoexperia-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.iberoexperia-theme .message-container:hover .show-tip {
  color: #241c24;
}
.iberoexperia-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.iberoexperia-theme .message-container .message-subject .mat-icon {
  color: #241c24;
}
.iberoexperia-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.iberoexperia-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.iberoexperia-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.iberoexperia-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.iberoexperia-theme .primary-200-outline input {
  caret-color: #928e92;
  color: #241c24;
}
.iberoexperia-theme .primary-200-outline label {
  color: #928e92;
}
.iberoexperia-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #928e92 !important;
}
.iberoexperia-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #928e92;
}
.iberoexperia-theme mat-form-field .primary-outline label {
  color: #241c24 !important;
}
.iberoexperia-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #241c24 !important;
}
.iberoexperia-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #241c24 !important;
}
.iberoexperia-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.iberoexperia-theme .input-primary input {
  caret-color: #241c24;
  color: #241c24;
}
.iberoexperia-theme .input-primary label {
  color: #241c24;
}
.iberoexperia-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #241c24 !important;
}
.iberoexperia-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.iberoexperia-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #241c24;
  border-width: 1px;
}
.iberoexperia-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.iberoexperia-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.iberoexperia-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.iberoexperia-theme .boton-recarga {
  background-color: #241c24;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.iberoexperia-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.iberoexperia-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
}
.iberoexperia-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.iberoexperia-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.iberoexperia-theme .header-container button {
  padding: 0 !important;
}
.iberoexperia-theme .header-container .mat-button {
  min-width: unset !important;
}
.iberoexperia-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.iberoexperia-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.iberoexperia-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.iberoexperia-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.iberoexperia-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.iberoexperia-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.iberoexperia-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.iberoexperia-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.iberoexperia-theme .input-recarga-marine {
  border: 1px solid #241c24 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.iberoexperia-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.iberoexperia-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.iberoexperia-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.iberoexperia-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.iberoexperia-theme .color-primary {
  color: #241c24 !important;
  fill: #241c24 !important;
}
.iberoexperia-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.iberoexperia-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.iberoexperia-theme .primary-contrast {
  color: #ffffff !important;
}
.iberoexperia-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.iberoexperia-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.iberoexperia-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.iberoexperia-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.iberoexperia-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.iberoexperia-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.iberoexperia-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.iberoexperia-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.iberoexperia-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.iberoexperia-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #241c24 !important;
}
.iberoexperia-theme .mat-checkbox-checked .mat-checkbox-background,
.iberoexperia-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #241c24 !important;
}
.iberoexperia-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.iberoexperia-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.iberoexperia-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #928e92 !important;
}
.iberoexperia-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.iberoexperia-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.iberoexperia-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.iberoexperia-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.iberoexperia-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.iberoexperia-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.iberoexperia-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.iberoexperia-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #241c24 !important;
}
.iberoexperia-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.iberoexperia-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.iberoexperia-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.iberoexperia-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.iberoexperia-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.iberoexperia-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.iberoexperia-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.iberoexperia-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.iberoexperia-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.iberoexperia-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #241c24 !important;
}
.iberoexperia-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.iberoexperia-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.iberoexperia-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.iberoexperia-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.iberoexperia-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.iberoexperia-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.iberoexperia-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.iberoexperia-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #241c24 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.iberoexperia-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.iberoexperia-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.iberoexperia-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.iberoexperia-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.iberoexperia-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.iberoexperia-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #241c24 !important;
}
.iberoexperia-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.iberoexperia-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #241c24 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.iberoexperia-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.iberoexperia-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.iberoexperia-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.iberoexperia-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.iberoexperia-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.iberoexperia-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #241c24 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.iberoexperia-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #241c24 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #241c24 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.iberoexperia-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #241c24 !important;
}
.iberoexperia-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.iberoexperia-theme .button-text-hidden {
  display: none;
}
.islamagica-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #ffb718;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #E6272C;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #E6272C;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #ffb718 87%, transparent);
  --mat-form-field-filled-caret-color: #ffb718;
  --mat-form-field-filled-focus-active-indicator-color: #ffb718;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #ffb718 87%, transparent);
  --mat-form-field-outlined-caret-color: #ffb718;
  --mat-form-field-outlined-focus-outline-color: #ffb718;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #ffb718 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #ffb718;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #ffb718;
  --mat-slide-toggle-selected-handle-color: #ffb718;
  --mat-slide-toggle-selected-hover-state-layer-color: #ffb718;
  --mat-slide-toggle-selected-pressed-state-layer-color: #ffb718;
  --mat-slide-toggle-selected-focus-handle-color: #ffb718;
  --mat-slide-toggle-selected-hover-handle-color: #ffb718;
  --mat-slide-toggle-selected-pressed-handle-color: #ffb718;
  --mat-slide-toggle-selected-focus-track-color: #ffcd5d;
  --mat-slide-toggle-selected-hover-track-color: #ffcd5d;
  --mat-slide-toggle-selected-pressed-track-color: #ffcd5d;
  --mat-slide-toggle-selected-track-color: #ffcd5d;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #ffb718;
  --mat-slider-focus-handle-color: #ffb718;
  --mat-slider-handle-color: #ffb718;
  --mat-slider-hover-handle-color: #ffb718;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #ffb718 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #ffb718 4%, transparent);
  --mat-slider-inactive-track-color: #ffb718;
  --mat-slider-ripple-color: #ffb718;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #ffb718;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #E6272C;
  --mat-checkbox-selected-hover-icon-color: #E6272C;
  --mat-checkbox-selected-icon-color: #E6272C;
  --mat-checkbox-selected-pressed-icon-color: #E6272C;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #E6272C;
  --mat-checkbox-selected-hover-state-layer-color: #E6272C;
  --mat-checkbox-selected-pressed-state-layer-color: #E6272C;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #ffcd5d;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #ffb718;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #ffb718;
  --mat-badge-text-color: #000000;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #ffb718 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #E6272C 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #ffb718;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #ffb718 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #ffb718 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #ffb718 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #ffb718;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #ffb718;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #ffb718;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #ffb718;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #ffb718;
  --mat-slide-toggle-selected-handle-color: #ffb718;
  --mat-slide-toggle-selected-hover-state-layer-color: #ffb718;
  --mat-slide-toggle-selected-pressed-state-layer-color: #ffb718;
  --mat-slide-toggle-selected-focus-handle-color: #ffb718;
  --mat-slide-toggle-selected-hover-handle-color: #ffb718;
  --mat-slide-toggle-selected-pressed-handle-color: #ffb718;
  --mat-slide-toggle-selected-focus-track-color: #ffcd5d;
  --mat-slide-toggle-selected-hover-track-color: #ffcd5d;
  --mat-slide-toggle-selected-pressed-track-color: #ffcd5d;
  --mat-slide-toggle-selected-track-color: #ffcd5d;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.islamagica-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #E6272C;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.islamagica-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.islamagica-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #ffb718;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ffb718;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.islamagica-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #E6272C;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #E6272C;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.islamagica-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.islamagica-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #ffb718;
  --mat-progress-bar-track-color: rgba(255, 183, 24, 0.25);
}
.islamagica-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #E6272C;
  --mat-progress-bar-track-color: rgba(230, 39, 44, 0.25);
}
.islamagica-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.islamagica-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #E6272C 87%, transparent);
  --mat-form-field-filled-caret-color: #E6272C;
  --mat-form-field-filled-focus-active-indicator-color: #E6272C;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #E6272C 87%, transparent);
  --mat-form-field-outlined-caret-color: #E6272C;
  --mat-form-field-outlined-focus-outline-color: #E6272C;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #E6272C 87%, transparent);
}
.islamagica-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.islamagica-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #E6272C;
  --mat-select-invalid-arrow-color: #e74737;
}
.islamagica-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.islamagica-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.islamagica-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.islamagica-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.islamagica-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #ffb718;
  --mat-chip-elevated-disabled-container-color: #ffb718;
  --mat-chip-elevated-selected-container-color: #ffb718;
  --mat-chip-flat-disabled-selected-container-color: #ffb718;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.islamagica-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.islamagica-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #E6272C;
  --mat-chip-elevated-disabled-container-color: #E6272C;
  --mat-chip-elevated-selected-container-color: #E6272C;
  --mat-chip-flat-disabled-selected-container-color: #E6272C;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.islamagica-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.islamagica-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.islamagica-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.islamagica-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.islamagica-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #E6272C;
  --mat-slide-toggle-selected-handle-color: #E6272C;
  --mat-slide-toggle-selected-hover-state-layer-color: #E6272C;
  --mat-slide-toggle-selected-pressed-state-layer-color: #E6272C;
  --mat-slide-toggle-selected-focus-handle-color: #E6272C;
  --mat-slide-toggle-selected-hover-handle-color: #E6272C;
  --mat-slide-toggle-selected-pressed-handle-color: #E6272C;
  --mat-slide-toggle-selected-focus-track-color: #cbcbcb;
  --mat-slide-toggle-selected-hover-track-color: #cbcbcb;
  --mat-slide-toggle-selected-pressed-track-color: #cbcbcb;
  --mat-slide-toggle-selected-track-color: #cbcbcb;
}
.islamagica-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.islamagica-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.islamagica-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #ffb718;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ffb718;
  --mat-radio-selected-hover-icon-color: #ffb718;
  --mat-radio-selected-icon-color: #ffb718;
  --mat-radio-selected-pressed-icon-color: #ffb718;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.islamagica-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #E6272C;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #E6272C;
  --mat-radio-selected-hover-icon-color: #E6272C;
  --mat-radio-selected-icon-color: #E6272C;
  --mat-radio-selected-pressed-icon-color: #E6272C;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.islamagica-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.islamagica-theme .mat-accent {
  --mat-slider-active-track-color: #E6272C;
  --mat-slider-focus-handle-color: #E6272C;
  --mat-slider-handle-color: #E6272C;
  --mat-slider-hover-handle-color: #E6272C;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #E6272C 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #E6272C 4%, transparent);
  --mat-slider-inactive-track-color: #E6272C;
  --mat-slider-ripple-color: #E6272C;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #E6272C;
}
.islamagica-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.islamagica-theme .mdc-list-item__start,
.islamagica-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #ffb718;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ffb718;
  --mat-radio-selected-hover-icon-color: #ffb718;
  --mat-radio-selected-icon-color: #ffb718;
  --mat-radio-selected-pressed-icon-color: #ffb718;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.islamagica-theme .mat-accent .mdc-list-item__start,
.islamagica-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #E6272C;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #E6272C;
  --mat-radio-selected-hover-icon-color: #E6272C;
  --mat-radio-selected-icon-color: #E6272C;
  --mat-radio-selected-pressed-icon-color: #E6272C;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.islamagica-theme .mat-warn .mdc-list-item__start,
.islamagica-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.islamagica-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #ffb718;
  --mat-checkbox-selected-hover-icon-color: #ffb718;
  --mat-checkbox-selected-icon-color: #ffb718;
  --mat-checkbox-selected-pressed-icon-color: #ffb718;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ffb718;
  --mat-checkbox-selected-hover-state-layer-color: #ffb718;
  --mat-checkbox-selected-pressed-state-layer-color: #ffb718;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.islamagica-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #E6272C;
  --mat-checkbox-selected-hover-icon-color: #E6272C;
  --mat-checkbox-selected-icon-color: #E6272C;
  --mat-checkbox-selected-pressed-icon-color: #E6272C;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #E6272C;
  --mat-checkbox-selected-hover-state-layer-color: #E6272C;
  --mat-checkbox-selected-pressed-state-layer-color: #E6272C;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.islamagica-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.islamagica-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.islamagica-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.islamagica-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.islamagica-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #ffb718;
}
.islamagica-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.islamagica-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.islamagica-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.islamagica-theme .mdc-list-item__start,
.islamagica-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.islamagica-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.islamagica-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.islamagica-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.islamagica-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.islamagica-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.islamagica-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.islamagica-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.islamagica-theme .mat-mdc-tab-group,
.islamagica-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #ffb718;
  --mat-tab-active-ripple-color: #ffb718;
  --mat-tab-inactive-ripple-color: #ffb718;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #ffb718;
  --mat-tab-active-hover-label-text-color: #ffb718;
  --mat-tab-active-focus-indicator-color: #ffb718;
  --mat-tab-active-hover-indicator-color: #ffb718;
  --mat-tab-active-indicator-color: #ffb718;
}
.islamagica-theme .mat-mdc-tab-group.mat-accent,
.islamagica-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #E6272C;
  --mat-tab-active-ripple-color: #E6272C;
  --mat-tab-inactive-ripple-color: #E6272C;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #E6272C;
  --mat-tab-active-hover-label-text-color: #E6272C;
  --mat-tab-active-focus-indicator-color: #E6272C;
  --mat-tab-active-hover-indicator-color: #E6272C;
  --mat-tab-active-indicator-color: #E6272C;
}
.islamagica-theme .mat-mdc-tab-group.mat-warn,
.islamagica-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.islamagica-theme .mat-mdc-tab-group.mat-background-primary,
.islamagica-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #ffb718;
  --mat-tab-foreground-color: #000000;
}
.islamagica-theme .mat-mdc-tab-group.mat-background-accent,
.islamagica-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #E6272C;
  --mat-tab-foreground-color: #000000;
}
.islamagica-theme .mat-mdc-tab-group.mat-background-warn,
.islamagica-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.islamagica-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.islamagica-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.islamagica-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #ffb718;
  --mat-checkbox-selected-hover-icon-color: #ffb718;
  --mat-checkbox-selected-icon-color: #ffb718;
  --mat-checkbox-selected-pressed-icon-color: #ffb718;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ffb718;
  --mat-checkbox-selected-hover-state-layer-color: #ffb718;
  --mat-checkbox-selected-pressed-state-layer-color: #ffb718;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.islamagica-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.islamagica-theme .mat-mdc-button.mat-primary,
.islamagica-theme .mat-mdc-unelevated-button.mat-primary,
.islamagica-theme .mat-mdc-raised-button.mat-primary,
.islamagica-theme .mat-mdc-outlined-button.mat-primary,
.islamagica-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #ffb718;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #ffb718;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #ffb718 12%, transparent);
  --mat-button-outlined-state-layer-color: #ffb718;
  --mat-button-protected-container-color: #ffb718;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #ffb718;
  --mat-button-text-ripple-color: color-mix(in srgb, #ffb718 12%, transparent);
  --mat-button-text-state-layer-color: #ffb718;
  --mat-button-tonal-container-color: #ffb718;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.islamagica-theme .mat-mdc-button.mat-accent,
.islamagica-theme .mat-mdc-unelevated-button.mat-accent,
.islamagica-theme .mat-mdc-raised-button.mat-accent,
.islamagica-theme .mat-mdc-outlined-button.mat-accent,
.islamagica-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #E6272C;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #E6272C;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #E6272C 12%, transparent);
  --mat-button-outlined-state-layer-color: #E6272C;
  --mat-button-protected-container-color: #E6272C;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #E6272C;
  --mat-button-text-ripple-color: color-mix(in srgb, #E6272C 12%, transparent);
  --mat-button-text-state-layer-color: #E6272C;
  --mat-button-tonal-container-color: #E6272C;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.islamagica-theme .mat-mdc-button.mat-warn,
.islamagica-theme .mat-mdc-unelevated-button.mat-warn,
.islamagica-theme .mat-mdc-raised-button.mat-warn,
.islamagica-theme .mat-mdc-outlined-button.mat-warn,
.islamagica-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.islamagica-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #ffb718;
  --mat-icon-button-state-layer-color: #ffb718;
  --mat-icon-button-ripple-color: color-mix(in srgb, #ffb718 12%, transparent);
}
.islamagica-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #E6272C;
  --mat-icon-button-state-layer-color: #E6272C;
  --mat-icon-button-ripple-color: color-mix(in srgb, #E6272C 12%, transparent);
}
.islamagica-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.islamagica-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.islamagica-theme .mat-mdc-fab.mat-primary,
.islamagica-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #ffb718;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #ffb718 12%, transparent);
  --mat-fab-small-container-color: #ffb718;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.islamagica-theme .mat-mdc-fab.mat-accent,
.islamagica-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #E6272C;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #E6272C 12%, transparent);
  --mat-fab-small-container-color: #E6272C;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.islamagica-theme .mat-mdc-fab.mat-warn,
.islamagica-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.islamagica-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #E6272C;
}
.islamagica-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.islamagica-theme .mat-badge-accent {
  --mat-badge-background-color: #E6272C;
  --mat-badge-text-color: #000000;
}
.islamagica-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.islamagica-theme .mat-datepicker-content.mat-accent,
.islamagica-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #E6272C 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #E6272C 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #E6272C;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #E6272C 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #E6272C 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #E6272C 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #E6272C;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.islamagica-theme .mat-datepicker-content.mat-warn,
.islamagica-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #E6272C 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.islamagica-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.islamagica-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.islamagica-theme .mat-icon.mat-primary {
  --mat-icon-color: #ffb718;
}
.islamagica-theme .mat-icon.mat-accent {
  --mat-icon-color: #E6272C;
}
.islamagica-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.islamagica-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #E6272C;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #E6272C;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #E6272C;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.islamagica-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.islamagica-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #ffb718;
  --mat-toolbar-container-text-color: #000000;
}
.islamagica-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #E6272C;
  --mat-toolbar-container-text-color: #000000;
}
.islamagica-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.islamagica-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #E6272C;
  --mat-slide-toggle-selected-handle-color: #E6272C;
  --mat-slide-toggle-selected-hover-state-layer-color: #E6272C;
  --mat-slide-toggle-selected-pressed-state-layer-color: #E6272C;
  --mat-slide-toggle-selected-focus-handle-color: #E6272C;
  --mat-slide-toggle-selected-hover-handle-color: #E6272C;
  --mat-slide-toggle-selected-pressed-handle-color: #E6272C;
  --mat-slide-toggle-selected-focus-track-color: #cbcbcb;
  --mat-slide-toggle-selected-hover-track-color: #cbcbcb;
  --mat-slide-toggle-selected-pressed-track-color: #cbcbcb;
  --mat-slide-toggle-selected-track-color: #cbcbcb;
}
.islamagica-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.islamagica-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.islamagica-theme .back-container {
  color: #ffb718;
}
.islamagica-theme .back-container:hover {
  opacity: 0.54;
}
.islamagica-theme .warn-text {
  color: #e74737;
}
.islamagica-theme .inside-modal-title.primary-colored-title,
.islamagica-theme .form-title.primary-colored-title {
  color: #ffb718;
}
.islamagica-theme .full-height-container form .button-container {
  background: white;
}
.islamagica-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.islamagica-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.islamagica-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.islamagica-theme .box-checkbox.active-box-checkbox {
  background-color: #ffb718;
  color: white;
}
.islamagica-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.islamagica-theme .box-radio.active-box-radio {
  background-color: #ffb718;
  color: white;
}
.islamagica-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.islamagica-theme .error {
  color: #e74737;
}
.islamagica-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.islamagica-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.islamagica-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.islamagica-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.islamagica-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.islamagica-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.islamagica-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.islamagica-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.islamagica-theme .ql-snow .ql-picker-options {
  background: white;
}
.islamagica-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.islamagica-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.islamagica-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.islamagica-theme .ql-snow .ql-fill,
.islamagica-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.islamagica-theme .ql-snow.ql-toolbar button:hover,
.islamagica-theme .ql-snow .ql-toolbar button:hover,
.islamagica-theme .ql-snow.ql-toolbar button:focus,
.islamagica-theme .ql-snow .ql-toolbar button:focus,
.islamagica-theme .ql-snow.ql-toolbar button.ql-active,
.islamagica-theme .ql-snow .ql-toolbar button.ql-active,
.islamagica-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.islamagica-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.islamagica-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.islamagica-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.islamagica-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.islamagica-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.islamagica-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.islamagica-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.islamagica-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.islamagica-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.islamagica-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.islamagica-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.islamagica-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.islamagica-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.islamagica-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.islamagica-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.islamagica-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.islamagica-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.islamagica-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.islamagica-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.islamagica-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.islamagica-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.islamagica-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.islamagica-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.islamagica-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.islamagica-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.islamagica-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.islamagica-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.islamagica-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.islamagica-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.islamagica-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.islamagica-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.islamagica-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.islamagica-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.islamagica-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.islamagica-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.islamagica-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.islamagica-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.islamagica-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.islamagica-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.islamagica-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.islamagica-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.islamagica-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.islamagica-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.islamagica-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.islamagica-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.islamagica-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.islamagica-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.islamagica-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.islamagica-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.islamagica-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.islamagica-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.islamagica-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.islamagica-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.islamagica-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.islamagica-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.islamagica-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.islamagica-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.islamagica-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.islamagica-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.islamagica-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.islamagica-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.islamagica-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.islamagica-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.islamagica-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.islamagica-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.islamagica-theme bee-form-item {
  margin-right: 0 !important;
}
.islamagica-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.islamagica-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #ffb718;
  height: 38px !important;
}
.islamagica-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.islamagica-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.islamagica-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.islamagica-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.islamagica-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.islamagica-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.islamagica-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.islamagica-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.islamagica-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .islamagica-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.islamagica-theme .general-container .label-wrapper label {
  color: #ffb718 !important;
  background-color: white;
}
.islamagica-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.islamagica-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.islamagica-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.islamagica-theme .general-container .bee-selector .bee-selector-container {
  border-color: #ffb718 !important;
}
.islamagica-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.islamagica-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.islamagica-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.islamagica-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.islamagica-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.islamagica-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.islamagica-theme .general-container .bee-selector .bee-selector-container:focus,
.islamagica-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #ffb718;
}
.islamagica-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.islamagica-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #ffb718;
}
.islamagica-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.islamagica-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #ffb718;
}
.islamagica-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.islamagica-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.islamagica-theme .general-container .bee-dropdown {
  background: white;
}
.islamagica-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #ffb718;
}
.islamagica-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.islamagica-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.islamagica-theme .general-container .selector-error {
  color: #e74737;
}
.islamagica-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.islamagica-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.islamagica-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.islamagica-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.islamagica-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #ffb718;
}
.islamagica-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.islamagica-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.islamagica-theme .move-image-action-container:hover {
  color: #ffb718;
}
.islamagica-theme .info-icon {
  color: #ffb718;
}
.islamagica-theme .email-chip {
  color: #ffb718 !important;
  background-color: rgba(255, 183, 24, 0.15) !important;
}
.islamagica-theme .email-chip .mat-chip-remove {
  color: #ffb718 !important;
  opacity: 1 !important;
}
.islamagica-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.islamagica-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.islamagica-theme .mat-badge-content {
  color: #ffb718 !important;
}
.islamagica-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #ffb718 !important;
}
.islamagica-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #ffb718 !important;
}
.islamagica-theme #circle-lleno {
  background: #ffcd5d;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.islamagica-theme .primary-contrast-text-color {
  color: #000000 !important;
}
.islamagica-theme .marine-color {
  color: #0f223e !important;
}
.islamagica-theme .primary-color {
  color: #ffb718 !important;
}
.islamagica-theme .gray-color {
  color: #C0C4CA !important;
}
.islamagica-theme .primary-color-200 {
  color: #ffdb8c !important;
}
.islamagica-theme svg.primary-fill-svg {
  fill: #ffb718 !important;
}
.islamagica-theme .primary-fill {
  fill: #ffb718 !important;
}
.islamagica-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.islamagica-theme .primary-border-50 {
  border-color: #fff6e3 !important;
}
.islamagica-theme .primary-border-100 {
  border-color: #ffe9ba !important;
}
.islamagica-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.islamagica-theme .transparent-border-100 {
  border-color: transparent !important;
}
.islamagica-theme .primary-border-200 {
  border-color: #ffdb8c !important;
}
.islamagica-theme .primary-indicator .mat-expansion-indicator:after {
  color: #ffb718;
}
.islamagica-theme .contrast-background {
  background-color: #000000 !important;
}
.islamagica-theme .primary-color-small {
  color: rgba(255, 183, 24, 0.6);
}
.islamagica-theme .marine-background {
  background-color: #0f223e !important;
}
.islamagica-theme .primary-background {
  background-color: #ffb718 !important;
}
.islamagica-theme .primary-background-50 {
  background-color: #fff6e3 !important;
}
.islamagica-theme .primary-background-200 {
  background-color: #ffdb8c !important;
}
.islamagica-theme .primary-background-800 {
  background-color: #ff9f0e !important;
}
.islamagica-theme .white-color {
  color: white !important;
}
.islamagica-theme .secondary-color {
  color: #ffcd5d !important;
}
.islamagica-theme .secondary-background {
  background-color: #ffcd5d !important;
}
.islamagica-theme .secondary-background-semi {
  background-color: #ffb718 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #ffb718 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.islamagica-theme .secondary-background-full {
  background-color: #ffb718 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #ffb718 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.islamagica-theme .secondary-background-empty {
  background-color: #ffb718 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #ffb718 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.islamagica-theme .secondary-border {
  background-color: #ffcd5d !important;
}
.islamagica-theme .tertiary-color {
  color: #ffcd5d !important;
}
.islamagica-theme button.button-tertiary {
  background-color: #ffcd5d !important;
  color: #ffb718 !important;
  border: 1px solid #ffb718 !important;
}
.islamagica-theme span.red-text {
  color: #DB1F35 !important;
}
.islamagica-theme .tertiary-background {
  background-color: #ffcd5d !important;
}
.islamagica-theme .tertiary-border {
  border-color: #ffcd5d !important;
}
.islamagica-theme .dark-background {
  background-color: black !important;
}
.islamagica-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.islamagica-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.islamagica-theme .primary-soft-background {
  background-color: rgba(255, 183, 24, 0.1) !important;
}
.islamagica-theme .primary-soft-background:hover {
  background-color: rgba(255, 183, 24, 0.15) !important;
}
.islamagica-theme .primary-border {
  border-color: #ffb718 !important;
}
.islamagica-theme .default-background {
  background-color: #fafafa !important;
}
.islamagica-theme .hover-primary:hover {
  color: #ffb718 !important;
}
.islamagica-theme .hover-primary-background:hover {
  background-color: #ffb718 !important;
}
.islamagica-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.islamagica-theme .warn-color {
  color: #e74737 !important;
}
.islamagica-theme .warn-border {
  border-color: #e74737 !important;
}
.islamagica-theme .accent-color {
  color: #E6272C !important;
}
.islamagica-theme .accent-background {
  background-color: #E6272C !important;
}
.islamagica-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.islamagica-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.islamagica-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.islamagica-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.islamagica-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.islamagica-theme .dialog-table tr .action-icon {
  color: transparent;
}
.islamagica-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.islamagica-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.islamagica-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #ffb718;
}
.islamagica-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.islamagica-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.islamagica-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.islamagica-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.islamagica-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.islamagica-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.islamagica-theme .card-table tr .action-icon {
  color: transparent;
}
.islamagica-theme .card-table tr .action-icon button {
  color: transparent;
}
.islamagica-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.islamagica-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.islamagica-theme .card-table tr:hover .action-icon button {
  color: #ffb718;
}
.islamagica-theme .card-table tr:hover .action-icon:hover {
  color: #ffb718;
}
.islamagica-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.islamagica-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.islamagica-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.islamagica-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.islamagica-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #ffb718;
}
.islamagica-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.islamagica-theme .no-hover-table tr:hover {
  background: white;
}
.islamagica-theme .custom-standard-chip {
  background-color: rgba(255, 183, 24, 0.1) !important;
  color: #ffb718 !important;
}
.islamagica-theme .help-dashboard-card .mat-icon {
  color: #ffb718;
}
.islamagica-theme .help-dashboard-card:hover {
  background-color: #ffb718;
}
.islamagica-theme .help-dashboard-card:hover .mat-icon,
.islamagica-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.islamagica-theme .room-open {
  background-color: #ffb718 !important;
  color: white !important;
}
.islamagica-theme .room-open:hover {
  background-color: #ffb718 !important;
  color: white !important;
}
.islamagica-theme #public-office-page-groups .public-group-button-hover {
  background-color: #ffb718 !important;
  color: white !important;
}
.islamagica-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.islamagica-theme .notification-container .show-tip {
  color: transparent;
}
.islamagica-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.islamagica-theme .notification-container:hover .show-tip {
  color: #ffb718;
}
.islamagica-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.islamagica-theme .notification-container .notification-subject .mat-icon {
  color: #ffb718;
}
.islamagica-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.islamagica-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.islamagica-theme .message-container .show-tip {
  color: transparent;
}
.islamagica-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.islamagica-theme .message-container:hover .show-tip {
  color: #ffb718;
}
.islamagica-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.islamagica-theme .message-container .message-subject .mat-icon {
  color: #ffb718;
}
.islamagica-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.islamagica-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.islamagica-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.islamagica-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.islamagica-theme .primary-200-outline input {
  caret-color: #ffdb8c;
  color: #ffb718;
}
.islamagica-theme .primary-200-outline label {
  color: #ffdb8c;
}
.islamagica-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #ffdb8c !important;
}
.islamagica-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #ffdb8c;
}
.islamagica-theme mat-form-field .primary-outline label {
  color: #ffb718 !important;
}
.islamagica-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #ffb718 !important;
}
.islamagica-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #ffb718 !important;
}
.islamagica-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.islamagica-theme .input-primary input {
  caret-color: #ffb718;
  color: #ffb718;
}
.islamagica-theme .input-primary label {
  color: #ffb718;
}
.islamagica-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #ffb718 !important;
}
.islamagica-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.islamagica-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #ffb718;
  border-width: 1px;
}
.islamagica-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.islamagica-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.islamagica-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.islamagica-theme .boton-recarga {
  background-color: #ffb718;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.islamagica-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.islamagica-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
}
.islamagica-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.islamagica-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.islamagica-theme .header-container button {
  padding: 0 !important;
}
.islamagica-theme .header-container .mat-button {
  min-width: unset !important;
}
.islamagica-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.islamagica-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.islamagica-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.islamagica-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.islamagica-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.islamagica-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.islamagica-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.islamagica-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.islamagica-theme .input-recarga-marine {
  border: 1px solid #ffb718 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.islamagica-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.islamagica-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.islamagica-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.islamagica-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.islamagica-theme .color-primary {
  color: #ffb718 !important;
  fill: #ffb718 !important;
}
.islamagica-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.islamagica-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.islamagica-theme .primary-contrast {
  color: #000000 !important;
}
.islamagica-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #ffb718 !important;
}
.islamagica-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #ffb718 !important;
}
.islamagica-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.islamagica-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #ffb718 !important;
}
.islamagica-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.islamagica-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.islamagica-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.islamagica-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #ffb718 !important;
}
.islamagica-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #ffb718 !important;
}
.islamagica-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #ffb718 !important;
}
.islamagica-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #ffb718 !important;
}
.islamagica-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffb718 !important;
}
.islamagica-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.islamagica-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffb718 !important;
}
.islamagica-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.islamagica-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #ffb718 !important;
}
.islamagica-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.islamagica-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.islamagica-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #ffb718 !important;
}
.islamagica-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #ffcd5d !important;
}
.islamagica-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.islamagica-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffb718 !important;
}
.islamagica-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #ffb718 !important;
}
.islamagica-theme .mat-checkbox-checked .mat-checkbox-background,
.islamagica-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #ffb718 !important;
}
.islamagica-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #ffb718 !important;
}
.islamagica-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.islamagica-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffb718 !important;
}
.islamagica-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.islamagica-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #ffb718 !important;
}
.islamagica-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffdb8c !important;
}
.islamagica-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #ffb718 !important;
}
.islamagica-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.islamagica-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.islamagica-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.islamagica-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.islamagica-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffb718 !important;
}
.islamagica-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffb718 !important;
}
.islamagica-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffb718 !important;
}
.islamagica-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.islamagica-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffb718 !important;
}
.islamagica-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffb718 !important;
}
.islamagica-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffb718 !important;
}
.islamagica-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.islamagica-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.islamagica-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffb718 !important;
}
.islamagica-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffb718 !important;
}
.islamagica-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.islamagica-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.islamagica-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffb718 !important;
}
.islamagica-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #E6272C !important;
}
.islamagica-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #E6272C !important;
}
.islamagica-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #E6272C !important;
}
.islamagica-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffb718 !important;
}
.islamagica-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.islamagica-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffb718 !important;
}
.islamagica-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffb718 !important;
}
.islamagica-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffb718 !important;
}
.islamagica-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.islamagica-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.islamagica-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.islamagica-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #ffb718 !important;
}
.islamagica-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffb718 !important;
}
.islamagica-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffcd5d !important;
}
.islamagica-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffcd5d !important;
}
.islamagica-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.islamagica-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffb718 !important;
}
.islamagica-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffb718 !important;
}
.islamagica-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.islamagica-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ffb718 !important;
}
.islamagica-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ffb718 !important;
}
.islamagica-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.islamagica-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.islamagica-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.islamagica-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ffcd5d !important;
}
.islamagica-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffcd5d !important;
}
.islamagica-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.islamagica-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.islamagica-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffcd5d !important;
}
.islamagica-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffcd5d !important;
}
.islamagica-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffcd5d !important;
}
.islamagica-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ffcd5d !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.islamagica-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ffcd5d !important;
}
.islamagica-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #ffcd5d !important;
}
.islamagica-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #ffb718 !important;
}
.islamagica-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #ffb718 !important;
}
.islamagica-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #ffb718 !important;
}
.islamagica-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #000000 !important;
}
.islamagica-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.islamagica-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #000000 !important;
}
.islamagica-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.islamagica-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.islamagica-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #ffb718 !important;
}
.islamagica-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #ffb718 !important;
}
.islamagica-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #ffb718 !important;
}
.islamagica-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #ffb718 !important;
}
.islamagica-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffb718 !important;
}
.islamagica-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffb718 !important;
}
.islamagica-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.islamagica-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #000000;
  background-color: #ffb718 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.islamagica-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.islamagica-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.islamagica-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.islamagica-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.islamagica-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.islamagica-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #ffcd5d !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.islamagica-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #ffb718 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #ffb718 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.islamagica-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #ffb718 !important;
}
.islamagica-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.islamagica-theme .button-text-hidden {
  display: none;
}
.realbetis-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #009655;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #009655 87%, transparent);
  --mat-form-field-filled-caret-color: #009655;
  --mat-form-field-filled-focus-active-indicator-color: #009655;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #009655 87%, transparent);
  --mat-form-field-outlined-caret-color: #009655;
  --mat-form-field-outlined-focus-outline-color: #009655;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #009655 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #009655;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #009655;
  --mat-slide-toggle-selected-handle-color: #009655;
  --mat-slide-toggle-selected-hover-state-layer-color: #009655;
  --mat-slide-toggle-selected-pressed-state-layer-color: #009655;
  --mat-slide-toggle-selected-focus-handle-color: #009655;
  --mat-slide-toggle-selected-hover-handle-color: #009655;
  --mat-slide-toggle-selected-pressed-handle-color: #009655;
  --mat-slide-toggle-selected-focus-track-color: #4db688;
  --mat-slide-toggle-selected-hover-track-color: #4db688;
  --mat-slide-toggle-selected-pressed-track-color: #4db688;
  --mat-slide-toggle-selected-track-color: #4db688;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #009655;
  --mat-slider-focus-handle-color: #009655;
  --mat-slider-handle-color: #009655;
  --mat-slider-hover-handle-color: #009655;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #009655 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #009655 4%, transparent);
  --mat-slider-inactive-track-color: #009655;
  --mat-slider-ripple-color: #009655;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #009655;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #4db688;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #009655;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #009655;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #009655 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #009655;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #009655 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #009655 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #009655 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #009655;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #009655;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #009655;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #009655;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #009655;
  --mat-slide-toggle-selected-handle-color: #009655;
  --mat-slide-toggle-selected-hover-state-layer-color: #009655;
  --mat-slide-toggle-selected-pressed-state-layer-color: #009655;
  --mat-slide-toggle-selected-focus-handle-color: #009655;
  --mat-slide-toggle-selected-hover-handle-color: #009655;
  --mat-slide-toggle-selected-pressed-handle-color: #009655;
  --mat-slide-toggle-selected-focus-track-color: #4db688;
  --mat-slide-toggle-selected-hover-track-color: #4db688;
  --mat-slide-toggle-selected-pressed-track-color: #4db688;
  --mat-slide-toggle-selected-track-color: #4db688;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.realbetis-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.realbetis-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.realbetis-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #009655;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #009655;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.realbetis-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.realbetis-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.realbetis-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #009655;
  --mat-progress-bar-track-color: rgba(0, 150, 85, 0.25);
}
.realbetis-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.realbetis-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.realbetis-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.realbetis-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.realbetis-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.realbetis-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.realbetis-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.realbetis-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.realbetis-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.realbetis-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #009655;
  --mat-chip-elevated-disabled-container-color: #009655;
  --mat-chip-elevated-selected-container-color: #009655;
  --mat-chip-flat-disabled-selected-container-color: #009655;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.realbetis-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.realbetis-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.realbetis-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.realbetis-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.realbetis-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.realbetis-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.realbetis-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.realbetis-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.realbetis-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.realbetis-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #009655;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #009655;
  --mat-radio-selected-hover-icon-color: #009655;
  --mat-radio-selected-icon-color: #009655;
  --mat-radio-selected-pressed-icon-color: #009655;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.realbetis-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.realbetis-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.realbetis-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.realbetis-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.realbetis-theme .mdc-list-item__start,
.realbetis-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #009655;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #009655;
  --mat-radio-selected-hover-icon-color: #009655;
  --mat-radio-selected-icon-color: #009655;
  --mat-radio-selected-pressed-icon-color: #009655;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.realbetis-theme .mat-accent .mdc-list-item__start,
.realbetis-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.realbetis-theme .mat-warn .mdc-list-item__start,
.realbetis-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.realbetis-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #009655;
  --mat-checkbox-selected-hover-icon-color: #009655;
  --mat-checkbox-selected-icon-color: #009655;
  --mat-checkbox-selected-pressed-icon-color: #009655;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #009655;
  --mat-checkbox-selected-hover-state-layer-color: #009655;
  --mat-checkbox-selected-pressed-state-layer-color: #009655;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.realbetis-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.realbetis-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.realbetis-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.realbetis-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.realbetis-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.realbetis-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #009655;
}
.realbetis-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.realbetis-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.realbetis-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.realbetis-theme .mdc-list-item__start,
.realbetis-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.realbetis-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.realbetis-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.realbetis-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.realbetis-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.realbetis-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.realbetis-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.realbetis-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.realbetis-theme .mat-mdc-tab-group,
.realbetis-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #009655;
  --mat-tab-active-ripple-color: #009655;
  --mat-tab-inactive-ripple-color: #009655;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #009655;
  --mat-tab-active-hover-label-text-color: #009655;
  --mat-tab-active-focus-indicator-color: #009655;
  --mat-tab-active-hover-indicator-color: #009655;
  --mat-tab-active-indicator-color: #009655;
}
.realbetis-theme .mat-mdc-tab-group.mat-accent,
.realbetis-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.realbetis-theme .mat-mdc-tab-group.mat-warn,
.realbetis-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.realbetis-theme .mat-mdc-tab-group.mat-background-primary,
.realbetis-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #009655;
  --mat-tab-foreground-color: #ffffff;
}
.realbetis-theme .mat-mdc-tab-group.mat-background-accent,
.realbetis-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.realbetis-theme .mat-mdc-tab-group.mat-background-warn,
.realbetis-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.realbetis-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.realbetis-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.realbetis-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #009655;
  --mat-checkbox-selected-hover-icon-color: #009655;
  --mat-checkbox-selected-icon-color: #009655;
  --mat-checkbox-selected-pressed-icon-color: #009655;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #009655;
  --mat-checkbox-selected-hover-state-layer-color: #009655;
  --mat-checkbox-selected-pressed-state-layer-color: #009655;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.realbetis-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.realbetis-theme .mat-mdc-button.mat-primary,
.realbetis-theme .mat-mdc-unelevated-button.mat-primary,
.realbetis-theme .mat-mdc-raised-button.mat-primary,
.realbetis-theme .mat-mdc-outlined-button.mat-primary,
.realbetis-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #009655;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #009655;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #009655 12%, transparent);
  --mat-button-outlined-state-layer-color: #009655;
  --mat-button-protected-container-color: #009655;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #009655;
  --mat-button-text-ripple-color: color-mix(in srgb, #009655 12%, transparent);
  --mat-button-text-state-layer-color: #009655;
  --mat-button-tonal-container-color: #009655;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.realbetis-theme .mat-mdc-button.mat-accent,
.realbetis-theme .mat-mdc-unelevated-button.mat-accent,
.realbetis-theme .mat-mdc-raised-button.mat-accent,
.realbetis-theme .mat-mdc-outlined-button.mat-accent,
.realbetis-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.realbetis-theme .mat-mdc-button.mat-warn,
.realbetis-theme .mat-mdc-unelevated-button.mat-warn,
.realbetis-theme .mat-mdc-raised-button.mat-warn,
.realbetis-theme .mat-mdc-outlined-button.mat-warn,
.realbetis-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.realbetis-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #009655;
  --mat-icon-button-state-layer-color: #009655;
  --mat-icon-button-ripple-color: color-mix(in srgb, #009655 12%, transparent);
}
.realbetis-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.realbetis-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.realbetis-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.realbetis-theme .mat-mdc-fab.mat-primary,
.realbetis-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #009655;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #009655 12%, transparent);
  --mat-fab-small-container-color: #009655;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.realbetis-theme .mat-mdc-fab.mat-accent,
.realbetis-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.realbetis-theme .mat-mdc-fab.mat-warn,
.realbetis-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.realbetis-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.realbetis-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.realbetis-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.realbetis-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.realbetis-theme .mat-datepicker-content.mat-accent,
.realbetis-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.realbetis-theme .mat-datepicker-content.mat-warn,
.realbetis-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.realbetis-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.realbetis-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.realbetis-theme .mat-icon.mat-primary {
  --mat-icon-color: #009655;
}
.realbetis-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.realbetis-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.realbetis-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.realbetis-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.realbetis-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #009655;
  --mat-toolbar-container-text-color: #ffffff;
}
.realbetis-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.realbetis-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.realbetis-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.realbetis-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.realbetis-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.realbetis-theme .back-container {
  color: #009655;
}
.realbetis-theme .back-container:hover {
  opacity: 0.54;
}
.realbetis-theme .warn-text {
  color: #e74737;
}
.realbetis-theme .inside-modal-title.primary-colored-title,
.realbetis-theme .form-title.primary-colored-title {
  color: #009655;
}
.realbetis-theme .full-height-container form .button-container {
  background: white;
}
.realbetis-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.realbetis-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.realbetis-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.realbetis-theme .box-checkbox.active-box-checkbox {
  background-color: #009655;
  color: white;
}
.realbetis-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.realbetis-theme .box-radio.active-box-radio {
  background-color: #009655;
  color: white;
}
.realbetis-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.realbetis-theme .error {
  color: #e74737;
}
.realbetis-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.realbetis-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.realbetis-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.realbetis-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.realbetis-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.realbetis-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.realbetis-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.realbetis-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.realbetis-theme .ql-snow .ql-picker-options {
  background: white;
}
.realbetis-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.realbetis-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.realbetis-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.realbetis-theme .ql-snow .ql-fill,
.realbetis-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.realbetis-theme .ql-snow.ql-toolbar button:hover,
.realbetis-theme .ql-snow .ql-toolbar button:hover,
.realbetis-theme .ql-snow.ql-toolbar button:focus,
.realbetis-theme .ql-snow .ql-toolbar button:focus,
.realbetis-theme .ql-snow.ql-toolbar button.ql-active,
.realbetis-theme .ql-snow .ql-toolbar button.ql-active,
.realbetis-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.realbetis-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.realbetis-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.realbetis-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.realbetis-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.realbetis-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.realbetis-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.realbetis-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.realbetis-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.realbetis-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.realbetis-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.realbetis-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.realbetis-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.realbetis-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.realbetis-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.realbetis-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.realbetis-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.realbetis-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.realbetis-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.realbetis-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.realbetis-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.realbetis-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.realbetis-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.realbetis-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.realbetis-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.realbetis-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.realbetis-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.realbetis-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.realbetis-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.realbetis-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.realbetis-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.realbetis-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.realbetis-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.realbetis-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.realbetis-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.realbetis-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.realbetis-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.realbetis-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.realbetis-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.realbetis-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.realbetis-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.realbetis-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.realbetis-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.realbetis-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.realbetis-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.realbetis-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.realbetis-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.realbetis-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.realbetis-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.realbetis-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.realbetis-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.realbetis-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.realbetis-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.realbetis-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.realbetis-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.realbetis-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.realbetis-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.realbetis-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.realbetis-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.realbetis-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.realbetis-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.realbetis-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.realbetis-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.realbetis-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.realbetis-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.realbetis-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.realbetis-theme bee-form-item {
  margin-right: 0 !important;
}
.realbetis-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.realbetis-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #009655;
  height: 38px !important;
}
.realbetis-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.realbetis-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.realbetis-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.realbetis-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.realbetis-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.realbetis-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.realbetis-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.realbetis-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.realbetis-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .realbetis-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.realbetis-theme .general-container .label-wrapper label {
  color: #009655 !important;
  background-color: white;
}
.realbetis-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.realbetis-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.realbetis-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.realbetis-theme .general-container .bee-selector .bee-selector-container {
  border-color: #009655 !important;
}
.realbetis-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.realbetis-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.realbetis-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.realbetis-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.realbetis-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.realbetis-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.realbetis-theme .general-container .bee-selector .bee-selector-container:focus,
.realbetis-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #009655;
}
.realbetis-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.realbetis-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #009655;
}
.realbetis-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.realbetis-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #009655;
}
.realbetis-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.realbetis-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.realbetis-theme .general-container .bee-dropdown {
  background: white;
}
.realbetis-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #009655;
}
.realbetis-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.realbetis-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.realbetis-theme .general-container .selector-error {
  color: #e74737;
}
.realbetis-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.realbetis-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.realbetis-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.realbetis-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.realbetis-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #009655;
}
.realbetis-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.realbetis-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.realbetis-theme .move-image-action-container:hover {
  color: #009655;
}
.realbetis-theme .info-icon {
  color: #009655;
}
.realbetis-theme .email-chip {
  color: #009655 !important;
  background-color: rgba(0, 150, 85, 0.15) !important;
}
.realbetis-theme .email-chip .mat-chip-remove {
  color: #009655 !important;
  opacity: 1 !important;
}
.realbetis-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.realbetis-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.realbetis-theme .mat-badge-content {
  color: #009655 !important;
}
.realbetis-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #009655 !important;
}
.realbetis-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #009655 !important;
}
.realbetis-theme #circle-lleno {
  background: #31ff73;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.realbetis-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.realbetis-theme .marine-color {
  color: #0f223e !important;
}
.realbetis-theme .primary-color {
  color: #009655 !important;
}
.realbetis-theme .gray-color {
  color: #C0C4CA !important;
}
.realbetis-theme .primary-color-200 {
  color: #80cbaa !important;
}
.realbetis-theme svg.primary-fill-svg {
  fill: #009655 !important;
}
.realbetis-theme .primary-fill {
  fill: #009655 !important;
}
.realbetis-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.realbetis-theme .primary-border-50 {
  border-color: #e0f2eb !important;
}
.realbetis-theme .primary-border-100 {
  border-color: #b3e0cc !important;
}
.realbetis-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.realbetis-theme .transparent-border-100 {
  border-color: transparent !important;
}
.realbetis-theme .primary-border-200 {
  border-color: #80cbaa !important;
}
.realbetis-theme .primary-indicator .mat-expansion-indicator:after {
  color: #009655;
}
.realbetis-theme .contrast-background {
  background-color: #ffffff !important;
}
.realbetis-theme .primary-color-small {
  color: rgba(0, 150, 85, 0.6);
}
.realbetis-theme .marine-background {
  background-color: #0f223e !important;
}
.realbetis-theme .primary-background {
  background-color: #009655 !important;
}
.realbetis-theme .primary-background-50 {
  background-color: #e0f2eb !important;
}
.realbetis-theme .primary-background-200 {
  background-color: #80cbaa !important;
}
.realbetis-theme .primary-background-800 {
  background-color: #00793b !important;
}
.realbetis-theme .white-color {
  color: white !important;
}
.realbetis-theme .secondary-color {
  color: #31ff73 !important;
}
.realbetis-theme .secondary-background {
  background-color: #31ff73 !important;
}
.realbetis-theme .secondary-background-semi {
  background-color: #009655 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #009655 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.realbetis-theme .secondary-background-full {
  background-color: #009655 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #009655 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.realbetis-theme .secondary-background-empty {
  background-color: #009655 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #009655 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.realbetis-theme .secondary-border {
  background-color: #31ff73 !important;
}
.realbetis-theme .tertiary-color {
  color: #31ff73 !important;
}
.realbetis-theme button.button-tertiary {
  background-color: #31ff73 !important;
  color: #009655 !important;
  border: 1px solid #009655 !important;
}
.realbetis-theme span.red-text {
  color: #DB1F35 !important;
}
.realbetis-theme .tertiary-background {
  background-color: #31ff73 !important;
}
.realbetis-theme .tertiary-border {
  border-color: #31ff73 !important;
}
.realbetis-theme .dark-background {
  background-color: black !important;
}
.realbetis-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.realbetis-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.realbetis-theme .primary-soft-background {
  background-color: rgba(0, 150, 85, 0.1) !important;
}
.realbetis-theme .primary-soft-background:hover {
  background-color: rgba(0, 150, 85, 0.15) !important;
}
.realbetis-theme .primary-border {
  border-color: #009655 !important;
}
.realbetis-theme .default-background {
  background-color: #fafafa !important;
}
.realbetis-theme .hover-primary:hover {
  color: #009655 !important;
}
.realbetis-theme .hover-primary-background:hover {
  background-color: #009655 !important;
}
.realbetis-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.realbetis-theme .warn-color {
  color: #e74737 !important;
}
.realbetis-theme .warn-border {
  border-color: #e74737 !important;
}
.realbetis-theme .accent-color {
  color: #fedd93 !important;
}
.realbetis-theme .accent-background {
  background-color: #fedd93 !important;
}
.realbetis-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.realbetis-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.realbetis-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.realbetis-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.realbetis-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.realbetis-theme .dialog-table tr .action-icon {
  color: transparent;
}
.realbetis-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.realbetis-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.realbetis-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #009655;
}
.realbetis-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.realbetis-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.realbetis-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.realbetis-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.realbetis-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.realbetis-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.realbetis-theme .card-table tr .action-icon {
  color: transparent;
}
.realbetis-theme .card-table tr .action-icon button {
  color: transparent;
}
.realbetis-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.realbetis-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.realbetis-theme .card-table tr:hover .action-icon button {
  color: #009655;
}
.realbetis-theme .card-table tr:hover .action-icon:hover {
  color: #009655;
}
.realbetis-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.realbetis-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.realbetis-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.realbetis-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.realbetis-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #009655;
}
.realbetis-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.realbetis-theme .no-hover-table tr:hover {
  background: white;
}
.realbetis-theme .custom-standard-chip {
  background-color: rgba(0, 150, 85, 0.1) !important;
  color: #009655 !important;
}
.realbetis-theme .help-dashboard-card .mat-icon {
  color: #009655;
}
.realbetis-theme .help-dashboard-card:hover {
  background-color: #009655;
}
.realbetis-theme .help-dashboard-card:hover .mat-icon,
.realbetis-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.realbetis-theme .room-open {
  background-color: #009655 !important;
  color: white !important;
}
.realbetis-theme .room-open:hover {
  background-color: #009655 !important;
  color: white !important;
}
.realbetis-theme #public-office-page-groups .public-group-button-hover {
  background-color: #009655 !important;
  color: white !important;
}
.realbetis-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.realbetis-theme .notification-container .show-tip {
  color: transparent;
}
.realbetis-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.realbetis-theme .notification-container:hover .show-tip {
  color: #009655;
}
.realbetis-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.realbetis-theme .notification-container .notification-subject .mat-icon {
  color: #009655;
}
.realbetis-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.realbetis-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.realbetis-theme .message-container .show-tip {
  color: transparent;
}
.realbetis-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.realbetis-theme .message-container:hover .show-tip {
  color: #009655;
}
.realbetis-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.realbetis-theme .message-container .message-subject .mat-icon {
  color: #009655;
}
.realbetis-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.realbetis-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.realbetis-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.realbetis-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.realbetis-theme .primary-200-outline input {
  caret-color: #80cbaa;
  color: #009655;
}
.realbetis-theme .primary-200-outline label {
  color: #80cbaa;
}
.realbetis-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #80cbaa !important;
}
.realbetis-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #80cbaa;
}
.realbetis-theme mat-form-field .primary-outline label {
  color: #009655 !important;
}
.realbetis-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #009655 !important;
}
.realbetis-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #009655 !important;
}
.realbetis-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.realbetis-theme .input-primary input {
  caret-color: #009655;
  color: #009655;
}
.realbetis-theme .input-primary label {
  color: #009655;
}
.realbetis-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #009655 !important;
}
.realbetis-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.realbetis-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #009655;
  border-width: 1px;
}
.realbetis-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.realbetis-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.realbetis-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.realbetis-theme .boton-recarga {
  background-color: #009655;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.realbetis-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.realbetis-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.realbetis-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.realbetis-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.realbetis-theme .header-container button {
  padding: 0 !important;
}
.realbetis-theme .header-container .mat-button {
  min-width: unset !important;
}
.realbetis-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.realbetis-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.realbetis-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.realbetis-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.realbetis-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.realbetis-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.realbetis-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.realbetis-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.realbetis-theme .input-recarga-marine {
  border: 1px solid #009655 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.realbetis-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.realbetis-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.realbetis-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.realbetis-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.realbetis-theme .color-primary {
  color: #009655 !important;
  fill: #009655 !important;
}
.realbetis-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.realbetis-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.realbetis-theme .primary-contrast {
  color: #ffffff !important;
}
.realbetis-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #009655 !important;
}
.realbetis-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #009655 !important;
}
.realbetis-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.realbetis-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #009655 !important;
}
.realbetis-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.realbetis-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.realbetis-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.realbetis-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #009655 !important;
}
.realbetis-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #009655 !important;
}
.realbetis-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #009655 !important;
}
.realbetis-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #009655 !important;
}
.realbetis-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #009655 !important;
}
.realbetis-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.realbetis-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #009655 !important;
}
.realbetis-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.realbetis-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #009655 !important;
}
.realbetis-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.realbetis-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.realbetis-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #009655 !important;
}
.realbetis-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #31ff73 !important;
}
.realbetis-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.realbetis-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #009655 !important;
}
.realbetis-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #009655 !important;
}
.realbetis-theme .mat-checkbox-checked .mat-checkbox-background,
.realbetis-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #009655 !important;
}
.realbetis-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #009655 !important;
}
.realbetis-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.realbetis-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #009655 !important;
}
.realbetis-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.realbetis-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #009655 !important;
}
.realbetis-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #80cbaa !important;
}
.realbetis-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #009655 !important;
}
.realbetis-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.realbetis-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.realbetis-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.realbetis-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.realbetis-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #009655 !important;
}
.realbetis-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #009655 !important;
}
.realbetis-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #009655 !important;
}
.realbetis-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.realbetis-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #009655 !important;
}
.realbetis-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #009655 !important;
}
.realbetis-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #009655 !important;
}
.realbetis-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.realbetis-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.realbetis-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #009655 !important;
}
.realbetis-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #009655 !important;
}
.realbetis-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.realbetis-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.realbetis-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #009655 !important;
}
.realbetis-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.realbetis-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.realbetis-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.realbetis-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #009655 !important;
}
.realbetis-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.realbetis-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #009655 !important;
}
.realbetis-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #009655 !important;
}
.realbetis-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #009655 !important;
}
.realbetis-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.realbetis-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.realbetis-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.realbetis-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #009655 !important;
}
.realbetis-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #009655 !important;
}
.realbetis-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #31ff73 !important;
}
.realbetis-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #31ff73 !important;
}
.realbetis-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.realbetis-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #009655 !important;
}
.realbetis-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #009655 !important;
}
.realbetis-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.realbetis-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #009655 !important;
}
.realbetis-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #009655 !important;
}
.realbetis-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.realbetis-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.realbetis-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.realbetis-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #31ff73 !important;
}
.realbetis-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #31ff73 !important;
}
.realbetis-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.realbetis-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.realbetis-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #31ff73 !important;
}
.realbetis-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #31ff73 !important;
}
.realbetis-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #31ff73 !important;
}
.realbetis-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #31ff73 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.realbetis-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #31ff73 !important;
}
.realbetis-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #31ff73 !important;
}
.realbetis-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #009655 !important;
}
.realbetis-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #009655 !important;
}
.realbetis-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #009655 !important;
}
.realbetis-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.realbetis-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.realbetis-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.realbetis-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.realbetis-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.realbetis-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #009655 !important;
}
.realbetis-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #009655 !important;
}
.realbetis-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #009655 !important;
}
.realbetis-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #009655 !important;
}
.realbetis-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #009655 !important;
}
.realbetis-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #009655 !important;
}
.realbetis-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.realbetis-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #009655 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.realbetis-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.realbetis-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.realbetis-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.realbetis-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.realbetis-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.realbetis-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #31ff73 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.realbetis-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #009655 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #009655 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.realbetis-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #009655 !important;
}
.realbetis-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.realbetis-theme .button-text-hidden {
  display: none;
}
.lapulse-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #fec629;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #000000;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #000000;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fec629 87%, transparent);
  --mat-form-field-filled-caret-color: #fec629;
  --mat-form-field-filled-focus-active-indicator-color: #fec629;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fec629 87%, transparent);
  --mat-form-field-outlined-caret-color: #fec629;
  --mat-form-field-outlined-focus-outline-color: #fec629;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fec629 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fec629;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #fec629;
  --mat-slide-toggle-selected-handle-color: #fec629;
  --mat-slide-toggle-selected-hover-state-layer-color: #fec629;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fec629;
  --mat-slide-toggle-selected-focus-handle-color: #fec629;
  --mat-slide-toggle-selected-hover-handle-color: #fec629;
  --mat-slide-toggle-selected-pressed-handle-color: #fec629;
  --mat-slide-toggle-selected-focus-track-color: #fed769;
  --mat-slide-toggle-selected-hover-track-color: #fed769;
  --mat-slide-toggle-selected-pressed-track-color: #fed769;
  --mat-slide-toggle-selected-track-color: #fed769;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #fec629;
  --mat-slider-focus-handle-color: #fec629;
  --mat-slider-handle-color: #fec629;
  --mat-slider-hover-handle-color: #fec629;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fec629 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fec629 4%, transparent);
  --mat-slider-inactive-track-color: #fec629;
  --mat-slider-ripple-color: #fec629;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #fec629;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #000000;
  --mat-checkbox-selected-hover-icon-color: #000000;
  --mat-checkbox-selected-icon-color: #000000;
  --mat-checkbox-selected-pressed-icon-color: #000000;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #000000;
  --mat-checkbox-selected-hover-state-layer-color: #000000;
  --mat-checkbox-selected-pressed-state-layer-color: #000000;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #fed769;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #fec629;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #fec629;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fec629 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #000000 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #fec629;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fec629 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fec629 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fec629 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fec629;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #fec629;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #fec629;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #fec629;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #fec629;
  --mat-slide-toggle-selected-handle-color: #fec629;
  --mat-slide-toggle-selected-hover-state-layer-color: #fec629;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fec629;
  --mat-slide-toggle-selected-focus-handle-color: #fec629;
  --mat-slide-toggle-selected-hover-handle-color: #fec629;
  --mat-slide-toggle-selected-pressed-handle-color: #fec629;
  --mat-slide-toggle-selected-focus-track-color: #fed769;
  --mat-slide-toggle-selected-hover-track-color: #fed769;
  --mat-slide-toggle-selected-pressed-track-color: #fed769;
  --mat-slide-toggle-selected-track-color: #fed769;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.lapulse-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #000000;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.lapulse-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.lapulse-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #fec629;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fec629;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.lapulse-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #000000;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #000000;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.lapulse-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.lapulse-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #fec629;
  --mat-progress-bar-track-color: rgba(254, 198, 41, 0.25);
}
.lapulse-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #000000;
  --mat-progress-bar-track-color: rgba(0, 0, 0, 0.25);
}
.lapulse-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.lapulse-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #000000 87%, transparent);
  --mat-form-field-filled-caret-color: #000000;
  --mat-form-field-filled-focus-active-indicator-color: #000000;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #000000 87%, transparent);
  --mat-form-field-outlined-caret-color: #000000;
  --mat-form-field-outlined-focus-outline-color: #000000;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #000000 87%, transparent);
}
.lapulse-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.lapulse-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #000000;
  --mat-select-invalid-arrow-color: #e74737;
}
.lapulse-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.lapulse-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.lapulse-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.lapulse-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.lapulse-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #fec629;
  --mat-chip-elevated-disabled-container-color: #fec629;
  --mat-chip-elevated-selected-container-color: #fec629;
  --mat-chip-flat-disabled-selected-container-color: #fec629;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.lapulse-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.lapulse-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #000000;
  --mat-chip-elevated-disabled-container-color: #000000;
  --mat-chip-elevated-selected-container-color: #000000;
  --mat-chip-flat-disabled-selected-container-color: #000000;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.lapulse-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.lapulse-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.lapulse-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.lapulse-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.lapulse-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #000000;
  --mat-slide-toggle-selected-handle-color: #000000;
  --mat-slide-toggle-selected-hover-state-layer-color: #000000;
  --mat-slide-toggle-selected-pressed-state-layer-color: #000000;
  --mat-slide-toggle-selected-focus-handle-color: #000000;
  --mat-slide-toggle-selected-hover-handle-color: #000000;
  --mat-slide-toggle-selected-pressed-handle-color: #000000;
  --mat-slide-toggle-selected-focus-track-color: #cbcbcb;
  --mat-slide-toggle-selected-hover-track-color: #cbcbcb;
  --mat-slide-toggle-selected-pressed-track-color: #cbcbcb;
  --mat-slide-toggle-selected-track-color: #cbcbcb;
}
.lapulse-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.lapulse-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.lapulse-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #fec629;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fec629;
  --mat-radio-selected-hover-icon-color: #fec629;
  --mat-radio-selected-icon-color: #fec629;
  --mat-radio-selected-pressed-icon-color: #fec629;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.lapulse-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #000000;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #000000;
  --mat-radio-selected-hover-icon-color: #000000;
  --mat-radio-selected-icon-color: #000000;
  --mat-radio-selected-pressed-icon-color: #000000;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.lapulse-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.lapulse-theme .mat-accent {
  --mat-slider-active-track-color: #000000;
  --mat-slider-focus-handle-color: #000000;
  --mat-slider-handle-color: #000000;
  --mat-slider-hover-handle-color: #000000;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #000000 4%, transparent);
  --mat-slider-inactive-track-color: #000000;
  --mat-slider-ripple-color: #000000;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #000000;
}
.lapulse-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.lapulse-theme .mdc-list-item__start,
.lapulse-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fec629;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fec629;
  --mat-radio-selected-hover-icon-color: #fec629;
  --mat-radio-selected-icon-color: #fec629;
  --mat-radio-selected-pressed-icon-color: #fec629;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.lapulse-theme .mat-accent .mdc-list-item__start,
.lapulse-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #000000;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #000000;
  --mat-radio-selected-hover-icon-color: #000000;
  --mat-radio-selected-icon-color: #000000;
  --mat-radio-selected-pressed-icon-color: #000000;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.lapulse-theme .mat-warn .mdc-list-item__start,
.lapulse-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.lapulse-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #fec629;
  --mat-checkbox-selected-hover-icon-color: #fec629;
  --mat-checkbox-selected-icon-color: #fec629;
  --mat-checkbox-selected-pressed-icon-color: #fec629;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fec629;
  --mat-checkbox-selected-hover-state-layer-color: #fec629;
  --mat-checkbox-selected-pressed-state-layer-color: #fec629;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.lapulse-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #000000;
  --mat-checkbox-selected-hover-icon-color: #000000;
  --mat-checkbox-selected-icon-color: #000000;
  --mat-checkbox-selected-pressed-icon-color: #000000;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #000000;
  --mat-checkbox-selected-hover-state-layer-color: #000000;
  --mat-checkbox-selected-pressed-state-layer-color: #000000;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.lapulse-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.lapulse-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.lapulse-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.lapulse-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.lapulse-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #fec629;
}
.lapulse-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.lapulse-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.lapulse-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.lapulse-theme .mdc-list-item__start,
.lapulse-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.lapulse-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.lapulse-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.lapulse-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.lapulse-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.lapulse-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.lapulse-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.lapulse-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.lapulse-theme .mat-mdc-tab-group,
.lapulse-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fec629;
  --mat-tab-active-ripple-color: #fec629;
  --mat-tab-inactive-ripple-color: #fec629;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fec629;
  --mat-tab-active-hover-label-text-color: #fec629;
  --mat-tab-active-focus-indicator-color: #fec629;
  --mat-tab-active-hover-indicator-color: #fec629;
  --mat-tab-active-indicator-color: #fec629;
}
.lapulse-theme .mat-mdc-tab-group.mat-accent,
.lapulse-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #000000;
  --mat-tab-active-ripple-color: #000000;
  --mat-tab-inactive-ripple-color: #000000;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #000000;
  --mat-tab-active-hover-label-text-color: #000000;
  --mat-tab-active-focus-indicator-color: #000000;
  --mat-tab-active-hover-indicator-color: #000000;
  --mat-tab-active-indicator-color: #000000;
}
.lapulse-theme .mat-mdc-tab-group.mat-warn,
.lapulse-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.lapulse-theme .mat-mdc-tab-group.mat-background-primary,
.lapulse-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #fec629;
  --mat-tab-foreground-color: #ffffff;
}
.lapulse-theme .mat-mdc-tab-group.mat-background-accent,
.lapulse-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #000000;
  --mat-tab-foreground-color: #000000;
}
.lapulse-theme .mat-mdc-tab-group.mat-background-warn,
.lapulse-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.lapulse-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.lapulse-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.lapulse-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #fec629;
  --mat-checkbox-selected-hover-icon-color: #fec629;
  --mat-checkbox-selected-icon-color: #fec629;
  --mat-checkbox-selected-pressed-icon-color: #fec629;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fec629;
  --mat-checkbox-selected-hover-state-layer-color: #fec629;
  --mat-checkbox-selected-pressed-state-layer-color: #fec629;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.lapulse-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.lapulse-theme .mat-mdc-button.mat-primary,
.lapulse-theme .mat-mdc-unelevated-button.mat-primary,
.lapulse-theme .mat-mdc-raised-button.mat-primary,
.lapulse-theme .mat-mdc-outlined-button.mat-primary,
.lapulse-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #fec629;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #fec629;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fec629 12%, transparent);
  --mat-button-outlined-state-layer-color: #fec629;
  --mat-button-protected-container-color: #fec629;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #fec629;
  --mat-button-text-ripple-color: color-mix(in srgb, #fec629 12%, transparent);
  --mat-button-text-state-layer-color: #fec629;
  --mat-button-tonal-container-color: #fec629;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.lapulse-theme .mat-mdc-button.mat-accent,
.lapulse-theme .mat-mdc-unelevated-button.mat-accent,
.lapulse-theme .mat-mdc-raised-button.mat-accent,
.lapulse-theme .mat-mdc-outlined-button.mat-accent,
.lapulse-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #000000;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #000000;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-outlined-state-layer-color: #000000;
  --mat-button-protected-container-color: #000000;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #000000;
  --mat-button-text-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-text-state-layer-color: #000000;
  --mat-button-tonal-container-color: #000000;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.lapulse-theme .mat-mdc-button.mat-warn,
.lapulse-theme .mat-mdc-unelevated-button.mat-warn,
.lapulse-theme .mat-mdc-raised-button.mat-warn,
.lapulse-theme .mat-mdc-outlined-button.mat-warn,
.lapulse-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.lapulse-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #fec629;
  --mat-icon-button-state-layer-color: #fec629;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fec629 12%, transparent);
}
.lapulse-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #000000;
  --mat-icon-button-state-layer-color: #000000;
  --mat-icon-button-ripple-color: color-mix(in srgb, #000000 12%, transparent);
}
.lapulse-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.lapulse-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.lapulse-theme .mat-mdc-fab.mat-primary,
.lapulse-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #fec629;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #fec629 12%, transparent);
  --mat-fab-small-container-color: #fec629;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.lapulse-theme .mat-mdc-fab.mat-accent,
.lapulse-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #000000;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-container-color: #000000;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.lapulse-theme .mat-mdc-fab.mat-warn,
.lapulse-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.lapulse-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #000000;
}
.lapulse-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.lapulse-theme .mat-badge-accent {
  --mat-badge-background-color: #000000;
  --mat-badge-text-color: #000000;
}
.lapulse-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.lapulse-theme .mat-datepicker-content.mat-accent,
.lapulse-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #000000 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #000000 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #000000;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #000000 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #000000 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #000000;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.lapulse-theme .mat-datepicker-content.mat-warn,
.lapulse-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #000000 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.lapulse-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.lapulse-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.lapulse-theme .mat-icon.mat-primary {
  --mat-icon-color: #fec629;
}
.lapulse-theme .mat-icon.mat-accent {
  --mat-icon-color: #000000;
}
.lapulse-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.lapulse-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #000000;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #000000;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #000000;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.lapulse-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.lapulse-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #fec629;
  --mat-toolbar-container-text-color: #ffffff;
}
.lapulse-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #000000;
  --mat-toolbar-container-text-color: #000000;
}
.lapulse-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.lapulse-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #000000;
  --mat-slide-toggle-selected-handle-color: #000000;
  --mat-slide-toggle-selected-hover-state-layer-color: #000000;
  --mat-slide-toggle-selected-pressed-state-layer-color: #000000;
  --mat-slide-toggle-selected-focus-handle-color: #000000;
  --mat-slide-toggle-selected-hover-handle-color: #000000;
  --mat-slide-toggle-selected-pressed-handle-color: #000000;
  --mat-slide-toggle-selected-focus-track-color: #cbcbcb;
  --mat-slide-toggle-selected-hover-track-color: #cbcbcb;
  --mat-slide-toggle-selected-pressed-track-color: #cbcbcb;
  --mat-slide-toggle-selected-track-color: #cbcbcb;
}
.lapulse-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.lapulse-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.lapulse-theme .back-container {
  color: #fec629;
}
.lapulse-theme .back-container:hover {
  opacity: 0.54;
}
.lapulse-theme .warn-text {
  color: #e74737;
}
.lapulse-theme .inside-modal-title.primary-colored-title,
.lapulse-theme .form-title.primary-colored-title {
  color: #fec629;
}
.lapulse-theme .full-height-container form .button-container {
  background: white;
}
.lapulse-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.lapulse-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.lapulse-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.lapulse-theme .box-checkbox.active-box-checkbox {
  background-color: #fec629;
  color: white;
}
.lapulse-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.lapulse-theme .box-radio.active-box-radio {
  background-color: #fec629;
  color: white;
}
.lapulse-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.lapulse-theme .error {
  color: #e74737;
}
.lapulse-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.lapulse-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.lapulse-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.lapulse-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.lapulse-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.lapulse-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.lapulse-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.lapulse-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.lapulse-theme .ql-snow .ql-picker-options {
  background: white;
}
.lapulse-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.lapulse-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.lapulse-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.lapulse-theme .ql-snow .ql-fill,
.lapulse-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.lapulse-theme .ql-snow.ql-toolbar button:hover,
.lapulse-theme .ql-snow .ql-toolbar button:hover,
.lapulse-theme .ql-snow.ql-toolbar button:focus,
.lapulse-theme .ql-snow .ql-toolbar button:focus,
.lapulse-theme .ql-snow.ql-toolbar button.ql-active,
.lapulse-theme .ql-snow .ql-toolbar button.ql-active,
.lapulse-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.lapulse-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.lapulse-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.lapulse-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.lapulse-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.lapulse-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.lapulse-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.lapulse-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.lapulse-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.lapulse-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.lapulse-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.lapulse-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.lapulse-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.lapulse-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.lapulse-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.lapulse-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.lapulse-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.lapulse-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.lapulse-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.lapulse-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.lapulse-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.lapulse-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.lapulse-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.lapulse-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.lapulse-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.lapulse-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.lapulse-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.lapulse-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.lapulse-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.lapulse-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.lapulse-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.lapulse-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.lapulse-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.lapulse-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.lapulse-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.lapulse-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.lapulse-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.lapulse-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.lapulse-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.lapulse-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.lapulse-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.lapulse-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.lapulse-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.lapulse-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.lapulse-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.lapulse-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.lapulse-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.lapulse-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.lapulse-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.lapulse-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.lapulse-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.lapulse-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.lapulse-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.lapulse-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.lapulse-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.lapulse-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.lapulse-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.lapulse-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.lapulse-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.lapulse-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.lapulse-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.lapulse-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.lapulse-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.lapulse-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.lapulse-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.lapulse-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.lapulse-theme bee-form-item {
  margin-right: 0 !important;
}
.lapulse-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.lapulse-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #fec629;
  height: 38px !important;
}
.lapulse-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.lapulse-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.lapulse-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.lapulse-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.lapulse-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.lapulse-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.lapulse-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.lapulse-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.lapulse-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .lapulse-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.lapulse-theme .general-container .label-wrapper label {
  color: #fec629 !important;
  background-color: white;
}
.lapulse-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.lapulse-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.lapulse-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.lapulse-theme .general-container .bee-selector .bee-selector-container {
  border-color: #fec629 !important;
}
.lapulse-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.lapulse-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.lapulse-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.lapulse-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.lapulse-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.lapulse-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.lapulse-theme .general-container .bee-selector .bee-selector-container:focus,
.lapulse-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #fec629;
}
.lapulse-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.lapulse-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #fec629;
}
.lapulse-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.lapulse-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #fec629;
}
.lapulse-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.lapulse-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.lapulse-theme .general-container .bee-dropdown {
  background: white;
}
.lapulse-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #fec629;
}
.lapulse-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.lapulse-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.lapulse-theme .general-container .selector-error {
  color: #e74737;
}
.lapulse-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.lapulse-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.lapulse-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.lapulse-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.lapulse-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #fec629;
}
.lapulse-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.lapulse-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.lapulse-theme .move-image-action-container:hover {
  color: #fec629;
}
.lapulse-theme .info-icon {
  color: #fec629;
}
.lapulse-theme .email-chip {
  color: #fec629 !important;
  background-color: rgba(254, 198, 41, 0.15) !important;
}
.lapulse-theme .email-chip .mat-chip-remove {
  color: #fec629 !important;
  opacity: 1 !important;
}
.lapulse-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.lapulse-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.lapulse-theme .mat-badge-content {
  color: #fec629 !important;
}
.lapulse-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #fec629 !important;
}
.lapulse-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #fec629 !important;
}
.lapulse-theme #circle-lleno {
  background: #a77934;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.lapulse-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.lapulse-theme .marine-color {
  color: #0f223e !important;
}
.lapulse-theme .primary-color {
  color: #fec629 !important;
}
.lapulse-theme .gray-color {
  color: #C0C4CA !important;
}
.lapulse-theme .primary-color-200 {
  color: #ffe394 !important;
}
.lapulse-theme svg.primary-fill-svg {
  fill: #fec629 !important;
}
.lapulse-theme .primary-fill {
  fill: #fec629 !important;
}
.lapulse-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.lapulse-theme .primary-border-50 {
  border-color: #fff8e5 !important;
}
.lapulse-theme .primary-border-100 {
  border-color: #ffeebf !important;
}
.lapulse-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.lapulse-theme .transparent-border-100 {
  border-color: transparent !important;
}
.lapulse-theme .primary-border-200 {
  border-color: #ffe394 !important;
}
.lapulse-theme .primary-indicator .mat-expansion-indicator:after {
  color: #fec629;
}
.lapulse-theme .contrast-background {
  background-color: #ffffff !important;
}
.lapulse-theme .primary-color-small {
  color: rgba(254, 198, 41, 0.6);
}
.lapulse-theme .marine-background {
  background-color: #0f223e !important;
}
.lapulse-theme .primary-background {
  background-color: #fec629 !important;
}
.lapulse-theme .primary-background-50 {
  background-color: #fff8e5 !important;
}
.lapulse-theme .primary-background-200 {
  background-color: #ffe394 !important;
}
.lapulse-theme .primary-background-800 {
  background-color: #feb119 !important;
}
.lapulse-theme .white-color {
  color: white !important;
}
.lapulse-theme .secondary-color {
  color: #a77934 !important;
}
.lapulse-theme .secondary-background {
  background-color: #a77934 !important;
}
.lapulse-theme .secondary-background-semi {
  background-color: #fec629 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #fec629 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.lapulse-theme .secondary-background-full {
  background-color: #fec629 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #fec629 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.lapulse-theme .secondary-background-empty {
  background-color: #fec629 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #fec629 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.lapulse-theme .secondary-border {
  background-color: #a77934 !important;
}
.lapulse-theme .tertiary-color {
  color: #a77934 !important;
}
.lapulse-theme button.button-tertiary {
  background-color: #a77934 !important;
  color: #fec629 !important;
  border: 1px solid #fec629 !important;
}
.lapulse-theme span.red-text {
  color: #DB1F35 !important;
}
.lapulse-theme .tertiary-background {
  background-color: #a77934 !important;
}
.lapulse-theme .tertiary-border {
  border-color: #a77934 !important;
}
.lapulse-theme .dark-background {
  background-color: black !important;
}
.lapulse-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.lapulse-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.lapulse-theme .primary-soft-background {
  background-color: rgba(254, 198, 41, 0.1) !important;
}
.lapulse-theme .primary-soft-background:hover {
  background-color: rgba(254, 198, 41, 0.15) !important;
}
.lapulse-theme .primary-border {
  border-color: #fec629 !important;
}
.lapulse-theme .default-background {
  background-color: #fafafa !important;
}
.lapulse-theme .hover-primary:hover {
  color: #fec629 !important;
}
.lapulse-theme .hover-primary-background:hover {
  background-color: #fec629 !important;
}
.lapulse-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.lapulse-theme .warn-color {
  color: #e74737 !important;
}
.lapulse-theme .warn-border {
  border-color: #e74737 !important;
}
.lapulse-theme .accent-color {
  color: #000000 !important;
}
.lapulse-theme .accent-background {
  background-color: #000000 !important;
}
.lapulse-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.lapulse-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.lapulse-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.lapulse-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.lapulse-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.lapulse-theme .dialog-table tr .action-icon {
  color: transparent;
}
.lapulse-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.lapulse-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.lapulse-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #fec629;
}
.lapulse-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.lapulse-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.lapulse-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.lapulse-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.lapulse-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.lapulse-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.lapulse-theme .card-table tr .action-icon {
  color: transparent;
}
.lapulse-theme .card-table tr .action-icon button {
  color: transparent;
}
.lapulse-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.lapulse-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.lapulse-theme .card-table tr:hover .action-icon button {
  color: #fec629;
}
.lapulse-theme .card-table tr:hover .action-icon:hover {
  color: #fec629;
}
.lapulse-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.lapulse-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.lapulse-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.lapulse-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.lapulse-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #fec629;
}
.lapulse-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.lapulse-theme .no-hover-table tr:hover {
  background: white;
}
.lapulse-theme .custom-standard-chip {
  background-color: rgba(254, 198, 41, 0.1) !important;
  color: #fec629 !important;
}
.lapulse-theme .help-dashboard-card .mat-icon {
  color: #fec629;
}
.lapulse-theme .help-dashboard-card:hover {
  background-color: #fec629;
}
.lapulse-theme .help-dashboard-card:hover .mat-icon,
.lapulse-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.lapulse-theme .room-open {
  background-color: #fec629 !important;
  color: white !important;
}
.lapulse-theme .room-open:hover {
  background-color: #fec629 !important;
  color: white !important;
}
.lapulse-theme #public-office-page-groups .public-group-button-hover {
  background-color: #fec629 !important;
  color: white !important;
}
.lapulse-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.lapulse-theme .notification-container .show-tip {
  color: transparent;
}
.lapulse-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.lapulse-theme .notification-container:hover .show-tip {
  color: #fec629;
}
.lapulse-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.lapulse-theme .notification-container .notification-subject .mat-icon {
  color: #fec629;
}
.lapulse-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.lapulse-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.lapulse-theme .message-container .show-tip {
  color: transparent;
}
.lapulse-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.lapulse-theme .message-container:hover .show-tip {
  color: #fec629;
}
.lapulse-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.lapulse-theme .message-container .message-subject .mat-icon {
  color: #fec629;
}
.lapulse-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.lapulse-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.lapulse-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.lapulse-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.lapulse-theme .primary-200-outline input {
  caret-color: #ffe394;
  color: #fec629;
}
.lapulse-theme .primary-200-outline label {
  color: #ffe394;
}
.lapulse-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #ffe394 !important;
}
.lapulse-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #ffe394;
}
.lapulse-theme mat-form-field .primary-outline label {
  color: #fec629 !important;
}
.lapulse-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #fec629 !important;
}
.lapulse-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #fec629 !important;
}
.lapulse-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.lapulse-theme .input-primary input {
  caret-color: #fec629;
  color: #fec629;
}
.lapulse-theme .input-primary label {
  color: #fec629;
}
.lapulse-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #fec629 !important;
}
.lapulse-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.lapulse-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #fec629;
  border-width: 1px;
}
.lapulse-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.lapulse-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.lapulse-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.lapulse-theme .boton-recarga {
  background-color: #fec629;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.lapulse-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.lapulse-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.lapulse-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.lapulse-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.lapulse-theme .header-container button {
  padding: 0 !important;
}
.lapulse-theme .header-container .mat-button {
  min-width: unset !important;
}
.lapulse-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.lapulse-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lapulse-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.lapulse-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.lapulse-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.lapulse-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.lapulse-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.lapulse-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.lapulse-theme .input-recarga-marine {
  border: 1px solid #fec629 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.lapulse-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.lapulse-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.lapulse-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.lapulse-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.lapulse-theme .color-primary {
  color: #fec629 !important;
  fill: #fec629 !important;
}
.lapulse-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.lapulse-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.lapulse-theme .primary-contrast {
  color: #ffffff !important;
}
.lapulse-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #fec629 !important;
}
.lapulse-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #fec629 !important;
}
.lapulse-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.lapulse-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #fec629 !important;
}
.lapulse-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.lapulse-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.lapulse-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.lapulse-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #fec629 !important;
}
.lapulse-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #fec629 !important;
}
.lapulse-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #fec629 !important;
}
.lapulse-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #fec629 !important;
}
.lapulse-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #fec629 !important;
}
.lapulse-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.lapulse-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #fec629 !important;
}
.lapulse-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.lapulse-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #fec629 !important;
}
.lapulse-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.lapulse-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.lapulse-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #fec629 !important;
}
.lapulse-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #a77934 !important;
}
.lapulse-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.lapulse-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #fec629 !important;
}
.lapulse-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #fec629 !important;
}
.lapulse-theme .mat-checkbox-checked .mat-checkbox-background,
.lapulse-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #fec629 !important;
}
.lapulse-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #fec629 !important;
}
.lapulse-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.lapulse-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #fec629 !important;
}
.lapulse-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.lapulse-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #fec629 !important;
}
.lapulse-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffe394 !important;
}
.lapulse-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #fec629 !important;
}
.lapulse-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.lapulse-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.lapulse-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.lapulse-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.lapulse-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #fec629 !important;
}
.lapulse-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #fec629 !important;
}
.lapulse-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fec629 !important;
}
.lapulse-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.lapulse-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #fec629 !important;
}
.lapulse-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fec629 !important;
}
.lapulse-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #fec629 !important;
}
.lapulse-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.lapulse-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.lapulse-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #fec629 !important;
}
.lapulse-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fec629 !important;
}
.lapulse-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.lapulse-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.lapulse-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fec629 !important;
}
.lapulse-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.lapulse-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.lapulse-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.lapulse-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fec629 !important;
}
.lapulse-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.lapulse-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fec629 !important;
}
.lapulse-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #fec629 !important;
}
.lapulse-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fec629 !important;
}
.lapulse-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.lapulse-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.lapulse-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.lapulse-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #fec629 !important;
}
.lapulse-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #fec629 !important;
}
.lapulse-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #a77934 !important;
}
.lapulse-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #a77934 !important;
}
.lapulse-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.lapulse-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #fec629 !important;
}
.lapulse-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #fec629 !important;
}
.lapulse-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.lapulse-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #fec629 !important;
}
.lapulse-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #fec629 !important;
}
.lapulse-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.lapulse-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.lapulse-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.lapulse-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #a77934 !important;
}
.lapulse-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #a77934 !important;
}
.lapulse-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.lapulse-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.lapulse-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #a77934 !important;
}
.lapulse-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #a77934 !important;
}
.lapulse-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #a77934 !important;
}
.lapulse-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #a77934 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.lapulse-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #a77934 !important;
}
.lapulse-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #a77934 !important;
}
.lapulse-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #fec629 !important;
}
.lapulse-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #fec629 !important;
}
.lapulse-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #fec629 !important;
}
.lapulse-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.lapulse-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.lapulse-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.lapulse-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.lapulse-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.lapulse-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #fec629 !important;
}
.lapulse-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #fec629 !important;
}
.lapulse-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #fec629 !important;
}
.lapulse-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #fec629 !important;
}
.lapulse-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #fec629 !important;
}
.lapulse-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #fec629 !important;
}
.lapulse-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.lapulse-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #fec629 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.lapulse-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.lapulse-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.lapulse-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.lapulse-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.lapulse-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.lapulse-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #a77934 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.lapulse-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #fec629 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #fec629 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.lapulse-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #fec629 !important;
}
.lapulse-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.lapulse-theme .button-text-hidden {
  display: none;
}
.granadabeerfestival-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #843273;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #843273 87%, transparent);
  --mat-form-field-filled-caret-color: #843273;
  --mat-form-field-filled-focus-active-indicator-color: #843273;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #843273 87%, transparent);
  --mat-form-field-outlined-caret-color: #843273;
  --mat-form-field-outlined-focus-outline-color: #843273;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #843273 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #843273;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #843273;
  --mat-slide-toggle-selected-handle-color: #843273;
  --mat-slide-toggle-selected-hover-state-layer-color: #843273;
  --mat-slide-toggle-selected-pressed-state-layer-color: #843273;
  --mat-slide-toggle-selected-focus-handle-color: #843273;
  --mat-slide-toggle-selected-hover-handle-color: #843273;
  --mat-slide-toggle-selected-pressed-handle-color: #843273;
  --mat-slide-toggle-selected-focus-track-color: #a9709d;
  --mat-slide-toggle-selected-hover-track-color: #a9709d;
  --mat-slide-toggle-selected-pressed-track-color: #a9709d;
  --mat-slide-toggle-selected-track-color: #a9709d;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #843273;
  --mat-slider-focus-handle-color: #843273;
  --mat-slider-handle-color: #843273;
  --mat-slider-hover-handle-color: #843273;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #843273 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #843273 4%, transparent);
  --mat-slider-inactive-track-color: #843273;
  --mat-slider-ripple-color: #843273;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #843273;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #a9709d;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #843273;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #843273;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #843273 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #843273;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #843273 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #843273 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #843273 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #843273;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #843273;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #843273;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #843273;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #843273;
  --mat-slide-toggle-selected-handle-color: #843273;
  --mat-slide-toggle-selected-hover-state-layer-color: #843273;
  --mat-slide-toggle-selected-pressed-state-layer-color: #843273;
  --mat-slide-toggle-selected-focus-handle-color: #843273;
  --mat-slide-toggle-selected-hover-handle-color: #843273;
  --mat-slide-toggle-selected-pressed-handle-color: #843273;
  --mat-slide-toggle-selected-focus-track-color: #a9709d;
  --mat-slide-toggle-selected-hover-track-color: #a9709d;
  --mat-slide-toggle-selected-pressed-track-color: #a9709d;
  --mat-slide-toggle-selected-track-color: #a9709d;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.granadabeerfestival-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.granadabeerfestival-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.granadabeerfestival-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #843273;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #843273;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.granadabeerfestival-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.granadabeerfestival-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.granadabeerfestival-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #843273;
  --mat-progress-bar-track-color: rgba(132, 50, 115, 0.25);
}
.granadabeerfestival-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.granadabeerfestival-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.granadabeerfestival-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.granadabeerfestival-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.granadabeerfestival-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.granadabeerfestival-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.granadabeerfestival-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.granadabeerfestival-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.granadabeerfestival-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.granadabeerfestival-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #843273;
  --mat-chip-elevated-disabled-container-color: #843273;
  --mat-chip-elevated-selected-container-color: #843273;
  --mat-chip-flat-disabled-selected-container-color: #843273;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.granadabeerfestival-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.granadabeerfestival-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.granadabeerfestival-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.granadabeerfestival-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.granadabeerfestival-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.granadabeerfestival-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.granadabeerfestival-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.granadabeerfestival-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.granadabeerfestival-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.granadabeerfestival-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #843273;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #843273;
  --mat-radio-selected-hover-icon-color: #843273;
  --mat-radio-selected-icon-color: #843273;
  --mat-radio-selected-pressed-icon-color: #843273;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.granadabeerfestival-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.granadabeerfestival-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.granadabeerfestival-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.granadabeerfestival-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.granadabeerfestival-theme .mdc-list-item__start,
.granadabeerfestival-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #843273;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #843273;
  --mat-radio-selected-hover-icon-color: #843273;
  --mat-radio-selected-icon-color: #843273;
  --mat-radio-selected-pressed-icon-color: #843273;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.granadabeerfestival-theme .mat-accent .mdc-list-item__start,
.granadabeerfestival-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.granadabeerfestival-theme .mat-warn .mdc-list-item__start,
.granadabeerfestival-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.granadabeerfestival-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #843273;
  --mat-checkbox-selected-hover-icon-color: #843273;
  --mat-checkbox-selected-icon-color: #843273;
  --mat-checkbox-selected-pressed-icon-color: #843273;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #843273;
  --mat-checkbox-selected-hover-state-layer-color: #843273;
  --mat-checkbox-selected-pressed-state-layer-color: #843273;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.granadabeerfestival-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.granadabeerfestival-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.granadabeerfestival-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.granadabeerfestival-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.granadabeerfestival-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.granadabeerfestival-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #843273;
}
.granadabeerfestival-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.granadabeerfestival-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.granadabeerfestival-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.granadabeerfestival-theme .mdc-list-item__start,
.granadabeerfestival-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.granadabeerfestival-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.granadabeerfestival-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.granadabeerfestival-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.granadabeerfestival-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.granadabeerfestival-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.granadabeerfestival-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.granadabeerfestival-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.granadabeerfestival-theme .mat-mdc-tab-group,
.granadabeerfestival-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #843273;
  --mat-tab-active-ripple-color: #843273;
  --mat-tab-inactive-ripple-color: #843273;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #843273;
  --mat-tab-active-hover-label-text-color: #843273;
  --mat-tab-active-focus-indicator-color: #843273;
  --mat-tab-active-hover-indicator-color: #843273;
  --mat-tab-active-indicator-color: #843273;
}
.granadabeerfestival-theme .mat-mdc-tab-group.mat-accent,
.granadabeerfestival-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.granadabeerfestival-theme .mat-mdc-tab-group.mat-warn,
.granadabeerfestival-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.granadabeerfestival-theme .mat-mdc-tab-group.mat-background-primary,
.granadabeerfestival-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #843273;
  --mat-tab-foreground-color: #ffffff;
}
.granadabeerfestival-theme .mat-mdc-tab-group.mat-background-accent,
.granadabeerfestival-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.granadabeerfestival-theme .mat-mdc-tab-group.mat-background-warn,
.granadabeerfestival-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.granadabeerfestival-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.granadabeerfestival-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.granadabeerfestival-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #843273;
  --mat-checkbox-selected-hover-icon-color: #843273;
  --mat-checkbox-selected-icon-color: #843273;
  --mat-checkbox-selected-pressed-icon-color: #843273;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #843273;
  --mat-checkbox-selected-hover-state-layer-color: #843273;
  --mat-checkbox-selected-pressed-state-layer-color: #843273;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.granadabeerfestival-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.granadabeerfestival-theme .mat-mdc-button.mat-primary,
.granadabeerfestival-theme .mat-mdc-unelevated-button.mat-primary,
.granadabeerfestival-theme .mat-mdc-raised-button.mat-primary,
.granadabeerfestival-theme .mat-mdc-outlined-button.mat-primary,
.granadabeerfestival-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #843273;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #843273;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #843273 12%, transparent);
  --mat-button-outlined-state-layer-color: #843273;
  --mat-button-protected-container-color: #843273;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #843273;
  --mat-button-text-ripple-color: color-mix(in srgb, #843273 12%, transparent);
  --mat-button-text-state-layer-color: #843273;
  --mat-button-tonal-container-color: #843273;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.granadabeerfestival-theme .mat-mdc-button.mat-accent,
.granadabeerfestival-theme .mat-mdc-unelevated-button.mat-accent,
.granadabeerfestival-theme .mat-mdc-raised-button.mat-accent,
.granadabeerfestival-theme .mat-mdc-outlined-button.mat-accent,
.granadabeerfestival-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.granadabeerfestival-theme .mat-mdc-button.mat-warn,
.granadabeerfestival-theme .mat-mdc-unelevated-button.mat-warn,
.granadabeerfestival-theme .mat-mdc-raised-button.mat-warn,
.granadabeerfestival-theme .mat-mdc-outlined-button.mat-warn,
.granadabeerfestival-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.granadabeerfestival-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #843273;
  --mat-icon-button-state-layer-color: #843273;
  --mat-icon-button-ripple-color: color-mix(in srgb, #843273 12%, transparent);
}
.granadabeerfestival-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.granadabeerfestival-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.granadabeerfestival-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.granadabeerfestival-theme .mat-mdc-fab.mat-primary,
.granadabeerfestival-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #843273;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #843273 12%, transparent);
  --mat-fab-small-container-color: #843273;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.granadabeerfestival-theme .mat-mdc-fab.mat-accent,
.granadabeerfestival-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.granadabeerfestival-theme .mat-mdc-fab.mat-warn,
.granadabeerfestival-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.granadabeerfestival-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.granadabeerfestival-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.granadabeerfestival-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.granadabeerfestival-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.granadabeerfestival-theme .mat-datepicker-content.mat-accent,
.granadabeerfestival-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.granadabeerfestival-theme .mat-datepicker-content.mat-warn,
.granadabeerfestival-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.granadabeerfestival-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.granadabeerfestival-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.granadabeerfestival-theme .mat-icon.mat-primary {
  --mat-icon-color: #843273;
}
.granadabeerfestival-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.granadabeerfestival-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.granadabeerfestival-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.granadabeerfestival-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.granadabeerfestival-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #843273;
  --mat-toolbar-container-text-color: #ffffff;
}
.granadabeerfestival-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.granadabeerfestival-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.granadabeerfestival-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.granadabeerfestival-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.granadabeerfestival-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.granadabeerfestival-theme .back-container {
  color: #843273;
}
.granadabeerfestival-theme .back-container:hover {
  opacity: 0.54;
}
.granadabeerfestival-theme .warn-text {
  color: #e74737;
}
.granadabeerfestival-theme .inside-modal-title.primary-colored-title,
.granadabeerfestival-theme .form-title.primary-colored-title {
  color: #843273;
}
.granadabeerfestival-theme .full-height-container form .button-container {
  background: white;
}
.granadabeerfestival-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.granadabeerfestival-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.granadabeerfestival-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.granadabeerfestival-theme .box-checkbox.active-box-checkbox {
  background-color: #843273;
  color: white;
}
.granadabeerfestival-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.granadabeerfestival-theme .box-radio.active-box-radio {
  background-color: #843273;
  color: white;
}
.granadabeerfestival-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.granadabeerfestival-theme .error {
  color: #e74737;
}
.granadabeerfestival-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.granadabeerfestival-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.granadabeerfestival-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.granadabeerfestival-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.granadabeerfestival-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.granadabeerfestival-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.granadabeerfestival-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.granadabeerfestival-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.granadabeerfestival-theme .ql-snow .ql-picker-options {
  background: white;
}
.granadabeerfestival-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.granadabeerfestival-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.granadabeerfestival-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.granadabeerfestival-theme .ql-snow .ql-fill,
.granadabeerfestival-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.granadabeerfestival-theme .ql-snow.ql-toolbar button:hover,
.granadabeerfestival-theme .ql-snow .ql-toolbar button:hover,
.granadabeerfestival-theme .ql-snow.ql-toolbar button:focus,
.granadabeerfestival-theme .ql-snow .ql-toolbar button:focus,
.granadabeerfestival-theme .ql-snow.ql-toolbar button.ql-active,
.granadabeerfestival-theme .ql-snow .ql-toolbar button.ql-active,
.granadabeerfestival-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.granadabeerfestival-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.granadabeerfestival-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.granadabeerfestival-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.granadabeerfestival-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.granadabeerfestival-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.granadabeerfestival-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.granadabeerfestival-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.granadabeerfestival-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.granadabeerfestival-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.granadabeerfestival-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.granadabeerfestival-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.granadabeerfestival-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.granadabeerfestival-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.granadabeerfestival-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.granadabeerfestival-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.granadabeerfestival-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.granadabeerfestival-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.granadabeerfestival-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.granadabeerfestival-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.granadabeerfestival-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.granadabeerfestival-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.granadabeerfestival-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.granadabeerfestival-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.granadabeerfestival-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.granadabeerfestival-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.granadabeerfestival-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.granadabeerfestival-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.granadabeerfestival-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.granadabeerfestival-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.granadabeerfestival-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.granadabeerfestival-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.granadabeerfestival-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.granadabeerfestival-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.granadabeerfestival-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.granadabeerfestival-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.granadabeerfestival-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.granadabeerfestival-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.granadabeerfestival-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.granadabeerfestival-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.granadabeerfestival-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.granadabeerfestival-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.granadabeerfestival-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.granadabeerfestival-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.granadabeerfestival-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.granadabeerfestival-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.granadabeerfestival-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.granadabeerfestival-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.granadabeerfestival-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.granadabeerfestival-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.granadabeerfestival-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.granadabeerfestival-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.granadabeerfestival-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.granadabeerfestival-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.granadabeerfestival-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.granadabeerfestival-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.granadabeerfestival-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.granadabeerfestival-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.granadabeerfestival-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.granadabeerfestival-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.granadabeerfestival-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.granadabeerfestival-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.granadabeerfestival-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.granadabeerfestival-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.granadabeerfestival-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.granadabeerfestival-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.granadabeerfestival-theme bee-form-item {
  margin-right: 0 !important;
}
.granadabeerfestival-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.granadabeerfestival-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #843273;
  height: 38px !important;
}
.granadabeerfestival-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.granadabeerfestival-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.granadabeerfestival-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.granadabeerfestival-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.granadabeerfestival-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.granadabeerfestival-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.granadabeerfestival-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.granadabeerfestival-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.granadabeerfestival-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .granadabeerfestival-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.granadabeerfestival-theme .general-container .label-wrapper label {
  color: #843273 !important;
  background-color: white;
}
.granadabeerfestival-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.granadabeerfestival-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.granadabeerfestival-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.granadabeerfestival-theme .general-container .bee-selector .bee-selector-container {
  border-color: #843273 !important;
}
.granadabeerfestival-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.granadabeerfestival-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.granadabeerfestival-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.granadabeerfestival-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.granadabeerfestival-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.granadabeerfestival-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.granadabeerfestival-theme .general-container .bee-selector .bee-selector-container:focus,
.granadabeerfestival-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #843273;
}
.granadabeerfestival-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.granadabeerfestival-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #843273;
}
.granadabeerfestival-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.granadabeerfestival-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #843273;
}
.granadabeerfestival-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.granadabeerfestival-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.granadabeerfestival-theme .general-container .bee-dropdown {
  background: white;
}
.granadabeerfestival-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #843273;
}
.granadabeerfestival-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.granadabeerfestival-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.granadabeerfestival-theme .general-container .selector-error {
  color: #e74737;
}
.granadabeerfestival-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.granadabeerfestival-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.granadabeerfestival-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.granadabeerfestival-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.granadabeerfestival-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #843273;
}
.granadabeerfestival-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.granadabeerfestival-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.granadabeerfestival-theme .move-image-action-container:hover {
  color: #843273;
}
.granadabeerfestival-theme .info-icon {
  color: #843273;
}
.granadabeerfestival-theme .email-chip {
  color: #843273 !important;
  background-color: rgba(132, 50, 115, 0.15) !important;
}
.granadabeerfestival-theme .email-chip .mat-chip-remove {
  color: #843273 !important;
  opacity: 1 !important;
}
.granadabeerfestival-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.granadabeerfestival-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.granadabeerfestival-theme .mat-badge-content {
  color: #843273 !important;
}
.granadabeerfestival-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #843273 !important;
}
.granadabeerfestival-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #843273 !important;
}
.granadabeerfestival-theme #circle-lleno {
  background: #F7AE46;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.granadabeerfestival-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.granadabeerfestival-theme .marine-color {
  color: #0f223e !important;
}
.granadabeerfestival-theme .primary-color {
  color: #843273 !important;
}
.granadabeerfestival-theme .gray-color {
  color: #C0C4CA !important;
}
.granadabeerfestival-theme .primary-color-200 {
  color: #c299b9 !important;
}
.granadabeerfestival-theme svg.primary-fill-svg {
  fill: #843273 !important;
}
.granadabeerfestival-theme .primary-fill {
  fill: #843273 !important;
}
.granadabeerfestival-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.granadabeerfestival-theme .primary-border-50 {
  border-color: #f0e6ee !important;
}
.granadabeerfestival-theme .primary-border-100 {
  border-color: #dac2d5 !important;
}
.granadabeerfestival-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.granadabeerfestival-theme .transparent-border-100 {
  border-color: transparent !important;
}
.granadabeerfestival-theme .primary-border-200 {
  border-color: #c299b9 !important;
}
.granadabeerfestival-theme .primary-indicator .mat-expansion-indicator:after {
  color: #843273;
}
.granadabeerfestival-theme .contrast-background {
  background-color: #ffffff !important;
}
.granadabeerfestival-theme .primary-color-small {
  color: rgba(132, 50, 115, 0.6);
}
.granadabeerfestival-theme .marine-background {
  background-color: #0f223e !important;
}
.granadabeerfestival-theme .primary-background {
  background-color: #843273 !important;
}
.granadabeerfestival-theme .primary-background-50 {
  background-color: #f0e6ee !important;
}
.granadabeerfestival-theme .primary-background-200 {
  background-color: #c299b9 !important;
}
.granadabeerfestival-theme .primary-background-800 {
  background-color: #671f56 !important;
}
.granadabeerfestival-theme .white-color {
  color: white !important;
}
.granadabeerfestival-theme .secondary-color {
  color: #F7AE46 !important;
}
.granadabeerfestival-theme .secondary-background {
  background-color: #F7AE46 !important;
}
.granadabeerfestival-theme .secondary-background-semi {
  background-color: #843273 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #843273 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.granadabeerfestival-theme .secondary-background-full {
  background-color: #843273 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #843273 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.granadabeerfestival-theme .secondary-background-empty {
  background-color: #843273 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #843273 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.granadabeerfestival-theme .secondary-border {
  background-color: #F7AE46 !important;
}
.granadabeerfestival-theme .tertiary-color {
  color: #F29EA0 !important;
}
.granadabeerfestival-theme button.button-tertiary {
  background-color: #F29EA0 !important;
  color: #843273 !important;
  border: 1px solid #843273 !important;
}
.granadabeerfestival-theme span.red-text {
  color: #DB1F35 !important;
}
.granadabeerfestival-theme .tertiary-background {
  background-color: #F29EA0 !important;
}
.granadabeerfestival-theme .tertiary-border {
  border-color: #F29EA0 !important;
}
.granadabeerfestival-theme .dark-background {
  background-color: black !important;
}
.granadabeerfestival-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.granadabeerfestival-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.granadabeerfestival-theme .primary-soft-background {
  background-color: rgba(132, 50, 115, 0.1) !important;
}
.granadabeerfestival-theme .primary-soft-background:hover {
  background-color: rgba(132, 50, 115, 0.15) !important;
}
.granadabeerfestival-theme .primary-border {
  border-color: #843273 !important;
}
.granadabeerfestival-theme .default-background {
  background-color: #fafafa !important;
}
.granadabeerfestival-theme .hover-primary:hover {
  color: #843273 !important;
}
.granadabeerfestival-theme .hover-primary-background:hover {
  background-color: #843273 !important;
}
.granadabeerfestival-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.granadabeerfestival-theme .warn-color {
  color: #e74737 !important;
}
.granadabeerfestival-theme .warn-border {
  border-color: #e74737 !important;
}
.granadabeerfestival-theme .accent-color {
  color: #fedd93 !important;
}
.granadabeerfestival-theme .accent-background {
  background-color: #fedd93 !important;
}
.granadabeerfestival-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.granadabeerfestival-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.granadabeerfestival-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.granadabeerfestival-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.granadabeerfestival-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.granadabeerfestival-theme .dialog-table tr .action-icon {
  color: transparent;
}
.granadabeerfestival-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.granadabeerfestival-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.granadabeerfestival-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #843273;
}
.granadabeerfestival-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.granadabeerfestival-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.granadabeerfestival-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.granadabeerfestival-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.granadabeerfestival-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.granadabeerfestival-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.granadabeerfestival-theme .card-table tr .action-icon {
  color: transparent;
}
.granadabeerfestival-theme .card-table tr .action-icon button {
  color: transparent;
}
.granadabeerfestival-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.granadabeerfestival-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.granadabeerfestival-theme .card-table tr:hover .action-icon button {
  color: #843273;
}
.granadabeerfestival-theme .card-table tr:hover .action-icon:hover {
  color: #843273;
}
.granadabeerfestival-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.granadabeerfestival-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.granadabeerfestival-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.granadabeerfestival-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.granadabeerfestival-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #843273;
}
.granadabeerfestival-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.granadabeerfestival-theme .no-hover-table tr:hover {
  background: white;
}
.granadabeerfestival-theme .custom-standard-chip {
  background-color: rgba(132, 50, 115, 0.1) !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .help-dashboard-card .mat-icon {
  color: #843273;
}
.granadabeerfestival-theme .help-dashboard-card:hover {
  background-color: #843273;
}
.granadabeerfestival-theme .help-dashboard-card:hover .mat-icon,
.granadabeerfestival-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.granadabeerfestival-theme .room-open {
  background-color: #843273 !important;
  color: white !important;
}
.granadabeerfestival-theme .room-open:hover {
  background-color: #843273 !important;
  color: white !important;
}
.granadabeerfestival-theme #public-office-page-groups .public-group-button-hover {
  background-color: #843273 !important;
  color: white !important;
}
.granadabeerfestival-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.granadabeerfestival-theme .notification-container .show-tip {
  color: transparent;
}
.granadabeerfestival-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.granadabeerfestival-theme .notification-container:hover .show-tip {
  color: #843273;
}
.granadabeerfestival-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.granadabeerfestival-theme .notification-container .notification-subject .mat-icon {
  color: #843273;
}
.granadabeerfestival-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.granadabeerfestival-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.granadabeerfestival-theme .message-container .show-tip {
  color: transparent;
}
.granadabeerfestival-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.granadabeerfestival-theme .message-container:hover .show-tip {
  color: #843273;
}
.granadabeerfestival-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.granadabeerfestival-theme .message-container .message-subject .mat-icon {
  color: #843273;
}
.granadabeerfestival-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.granadabeerfestival-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.granadabeerfestival-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.granadabeerfestival-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.granadabeerfestival-theme .primary-200-outline input {
  caret-color: #c299b9;
  color: #843273;
}
.granadabeerfestival-theme .primary-200-outline label {
  color: #c299b9;
}
.granadabeerfestival-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #c299b9 !important;
}
.granadabeerfestival-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #c299b9;
}
.granadabeerfestival-theme mat-form-field .primary-outline label {
  color: #843273 !important;
}
.granadabeerfestival-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #843273 !important;
}
.granadabeerfestival-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #843273 !important;
}
.granadabeerfestival-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.granadabeerfestival-theme .input-primary input {
  caret-color: #843273;
  color: #843273;
}
.granadabeerfestival-theme .input-primary label {
  color: #843273;
}
.granadabeerfestival-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #843273 !important;
}
.granadabeerfestival-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.granadabeerfestival-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #843273;
  border-width: 1px;
}
.granadabeerfestival-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.granadabeerfestival-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.granadabeerfestival-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.granadabeerfestival-theme .boton-recarga {
  background-color: #843273;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.granadabeerfestival-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.granadabeerfestival-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.granadabeerfestival-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.granadabeerfestival-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.granadabeerfestival-theme .header-container button {
  padding: 0 !important;
}
.granadabeerfestival-theme .header-container .mat-button {
  min-width: unset !important;
}
.granadabeerfestival-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.granadabeerfestival-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.granadabeerfestival-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.granadabeerfestival-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.granadabeerfestival-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.granadabeerfestival-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.granadabeerfestival-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.granadabeerfestival-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.granadabeerfestival-theme .input-recarga-marine {
  border: 1px solid #843273 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.granadabeerfestival-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.granadabeerfestival-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.granadabeerfestival-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.granadabeerfestival-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.granadabeerfestival-theme .color-primary {
  color: #843273 !important;
  fill: #843273 !important;
}
.granadabeerfestival-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.granadabeerfestival-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.granadabeerfestival-theme .primary-contrast {
  color: #ffffff !important;
}
.granadabeerfestival-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.granadabeerfestival-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.granadabeerfestival-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.granadabeerfestival-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.granadabeerfestival-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.granadabeerfestival-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.granadabeerfestival-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.granadabeerfestival-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.granadabeerfestival-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #F7AE46 !important;
}
.granadabeerfestival-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.granadabeerfestival-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .mat-checkbox-checked .mat-checkbox-background,
.granadabeerfestival-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #843273 !important;
}
.granadabeerfestival-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.granadabeerfestival-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.granadabeerfestival-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #c299b9 !important;
}
.granadabeerfestival-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.granadabeerfestival-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.granadabeerfestival-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.granadabeerfestival-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.granadabeerfestival-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.granadabeerfestival-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.granadabeerfestival-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.granadabeerfestival-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #843273 !important;
}
.granadabeerfestival-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.granadabeerfestival-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.granadabeerfestival-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.granadabeerfestival-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.granadabeerfestival-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.granadabeerfestival-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.granadabeerfestival-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.granadabeerfestival-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.granadabeerfestival-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.granadabeerfestival-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #F7AE46 !important;
}
.granadabeerfestival-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #F7AE46 !important;
}
.granadabeerfestival-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.granadabeerfestival-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.granadabeerfestival-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.granadabeerfestival-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.granadabeerfestival-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.granadabeerfestival-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #F7AE46 !important;
}
.granadabeerfestival-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #F7AE46 !important;
}
.granadabeerfestival-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.granadabeerfestival-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.granadabeerfestival-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #F29EA0 !important;
}
.granadabeerfestival-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #F29EA0 !important;
}
.granadabeerfestival-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #F29EA0 !important;
}
.granadabeerfestival-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #F29EA0 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.granadabeerfestival-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #F29EA0 !important;
}
.granadabeerfestival-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #F29EA0 !important;
}
.granadabeerfestival-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.granadabeerfestival-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.granadabeerfestival-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.granadabeerfestival-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.granadabeerfestival-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.granadabeerfestival-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #843273 !important;
}
.granadabeerfestival-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.granadabeerfestival-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #843273 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.granadabeerfestival-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.granadabeerfestival-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.granadabeerfestival-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.granadabeerfestival-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.granadabeerfestival-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.granadabeerfestival-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #F7AE46 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.granadabeerfestival-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #843273 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #843273 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.granadabeerfestival-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #843273 !important;
}
.granadabeerfestival-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.granadabeerfestival-theme .button-text-hidden {
  display: none;
}
.conexionvalladolid-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #32b4ac;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #32b4ac 87%, transparent);
  --mat-form-field-filled-caret-color: #32b4ac;
  --mat-form-field-filled-focus-active-indicator-color: #32b4ac;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #32b4ac 87%, transparent);
  --mat-form-field-outlined-caret-color: #32b4ac;
  --mat-form-field-outlined-focus-outline-color: #32b4ac;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #32b4ac 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #32b4ac;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #32b4ac;
  --mat-slide-toggle-selected-handle-color: #32b4ac;
  --mat-slide-toggle-selected-hover-state-layer-color: #32b4ac;
  --mat-slide-toggle-selected-pressed-state-layer-color: #32b4ac;
  --mat-slide-toggle-selected-focus-handle-color: #32b4ac;
  --mat-slide-toggle-selected-hover-handle-color: #32b4ac;
  --mat-slide-toggle-selected-pressed-handle-color: #32b4ac;
  --mat-slide-toggle-selected-focus-track-color: #70cbc5;
  --mat-slide-toggle-selected-hover-track-color: #70cbc5;
  --mat-slide-toggle-selected-pressed-track-color: #70cbc5;
  --mat-slide-toggle-selected-track-color: #70cbc5;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #32b4ac;
  --mat-slider-focus-handle-color: #32b4ac;
  --mat-slider-handle-color: #32b4ac;
  --mat-slider-hover-handle-color: #32b4ac;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #32b4ac 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #32b4ac 4%, transparent);
  --mat-slider-inactive-track-color: #32b4ac;
  --mat-slider-ripple-color: #32b4ac;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #32b4ac;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #70cbc5;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #32b4ac;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #32b4ac;
  --mat-badge-text-color: #000000;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #32b4ac 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #32b4ac;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #32b4ac 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #32b4ac 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #32b4ac 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #32b4ac;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #32b4ac;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #32b4ac;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #32b4ac;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #32b4ac;
  --mat-slide-toggle-selected-handle-color: #32b4ac;
  --mat-slide-toggle-selected-hover-state-layer-color: #32b4ac;
  --mat-slide-toggle-selected-pressed-state-layer-color: #32b4ac;
  --mat-slide-toggle-selected-focus-handle-color: #32b4ac;
  --mat-slide-toggle-selected-hover-handle-color: #32b4ac;
  --mat-slide-toggle-selected-pressed-handle-color: #32b4ac;
  --mat-slide-toggle-selected-focus-track-color: #70cbc5;
  --mat-slide-toggle-selected-hover-track-color: #70cbc5;
  --mat-slide-toggle-selected-pressed-track-color: #70cbc5;
  --mat-slide-toggle-selected-track-color: #70cbc5;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.conexionvalladolid-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.conexionvalladolid-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.conexionvalladolid-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #32b4ac;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #32b4ac;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.conexionvalladolid-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.conexionvalladolid-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.conexionvalladolid-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #32b4ac;
  --mat-progress-bar-track-color: rgba(50, 180, 172, 0.25);
}
.conexionvalladolid-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.conexionvalladolid-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.conexionvalladolid-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.conexionvalladolid-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.conexionvalladolid-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.conexionvalladolid-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.conexionvalladolid-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.conexionvalladolid-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.conexionvalladolid-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.conexionvalladolid-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #32b4ac;
  --mat-chip-elevated-disabled-container-color: #32b4ac;
  --mat-chip-elevated-selected-container-color: #32b4ac;
  --mat-chip-flat-disabled-selected-container-color: #32b4ac;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.conexionvalladolid-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.conexionvalladolid-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.conexionvalladolid-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.conexionvalladolid-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.conexionvalladolid-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.conexionvalladolid-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.conexionvalladolid-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.conexionvalladolid-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.conexionvalladolid-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.conexionvalladolid-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #32b4ac;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #32b4ac;
  --mat-radio-selected-hover-icon-color: #32b4ac;
  --mat-radio-selected-icon-color: #32b4ac;
  --mat-radio-selected-pressed-icon-color: #32b4ac;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.conexionvalladolid-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.conexionvalladolid-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.conexionvalladolid-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.conexionvalladolid-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.conexionvalladolid-theme .mdc-list-item__start,
.conexionvalladolid-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #32b4ac;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #32b4ac;
  --mat-radio-selected-hover-icon-color: #32b4ac;
  --mat-radio-selected-icon-color: #32b4ac;
  --mat-radio-selected-pressed-icon-color: #32b4ac;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.conexionvalladolid-theme .mat-accent .mdc-list-item__start,
.conexionvalladolid-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.conexionvalladolid-theme .mat-warn .mdc-list-item__start,
.conexionvalladolid-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.conexionvalladolid-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #32b4ac;
  --mat-checkbox-selected-hover-icon-color: #32b4ac;
  --mat-checkbox-selected-icon-color: #32b4ac;
  --mat-checkbox-selected-pressed-icon-color: #32b4ac;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #32b4ac;
  --mat-checkbox-selected-hover-state-layer-color: #32b4ac;
  --mat-checkbox-selected-pressed-state-layer-color: #32b4ac;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.conexionvalladolid-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.conexionvalladolid-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.conexionvalladolid-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.conexionvalladolid-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.conexionvalladolid-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.conexionvalladolid-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #32b4ac;
}
.conexionvalladolid-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.conexionvalladolid-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.conexionvalladolid-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.conexionvalladolid-theme .mdc-list-item__start,
.conexionvalladolid-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.conexionvalladolid-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.conexionvalladolid-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.conexionvalladolid-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.conexionvalladolid-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.conexionvalladolid-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.conexionvalladolid-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.conexionvalladolid-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.conexionvalladolid-theme .mat-mdc-tab-group,
.conexionvalladolid-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #32b4ac;
  --mat-tab-active-ripple-color: #32b4ac;
  --mat-tab-inactive-ripple-color: #32b4ac;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #32b4ac;
  --mat-tab-active-hover-label-text-color: #32b4ac;
  --mat-tab-active-focus-indicator-color: #32b4ac;
  --mat-tab-active-hover-indicator-color: #32b4ac;
  --mat-tab-active-indicator-color: #32b4ac;
}
.conexionvalladolid-theme .mat-mdc-tab-group.mat-accent,
.conexionvalladolid-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.conexionvalladolid-theme .mat-mdc-tab-group.mat-warn,
.conexionvalladolid-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.conexionvalladolid-theme .mat-mdc-tab-group.mat-background-primary,
.conexionvalladolid-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #32b4ac;
  --mat-tab-foreground-color: #000000;
}
.conexionvalladolid-theme .mat-mdc-tab-group.mat-background-accent,
.conexionvalladolid-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.conexionvalladolid-theme .mat-mdc-tab-group.mat-background-warn,
.conexionvalladolid-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.conexionvalladolid-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.conexionvalladolid-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.conexionvalladolid-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #32b4ac;
  --mat-checkbox-selected-hover-icon-color: #32b4ac;
  --mat-checkbox-selected-icon-color: #32b4ac;
  --mat-checkbox-selected-pressed-icon-color: #32b4ac;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #32b4ac;
  --mat-checkbox-selected-hover-state-layer-color: #32b4ac;
  --mat-checkbox-selected-pressed-state-layer-color: #32b4ac;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.conexionvalladolid-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.conexionvalladolid-theme .mat-mdc-button.mat-primary,
.conexionvalladolid-theme .mat-mdc-unelevated-button.mat-primary,
.conexionvalladolid-theme .mat-mdc-raised-button.mat-primary,
.conexionvalladolid-theme .mat-mdc-outlined-button.mat-primary,
.conexionvalladolid-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #32b4ac;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #32b4ac;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #32b4ac 12%, transparent);
  --mat-button-outlined-state-layer-color: #32b4ac;
  --mat-button-protected-container-color: #32b4ac;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #32b4ac;
  --mat-button-text-ripple-color: color-mix(in srgb, #32b4ac 12%, transparent);
  --mat-button-text-state-layer-color: #32b4ac;
  --mat-button-tonal-container-color: #32b4ac;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.conexionvalladolid-theme .mat-mdc-button.mat-accent,
.conexionvalladolid-theme .mat-mdc-unelevated-button.mat-accent,
.conexionvalladolid-theme .mat-mdc-raised-button.mat-accent,
.conexionvalladolid-theme .mat-mdc-outlined-button.mat-accent,
.conexionvalladolid-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.conexionvalladolid-theme .mat-mdc-button.mat-warn,
.conexionvalladolid-theme .mat-mdc-unelevated-button.mat-warn,
.conexionvalladolid-theme .mat-mdc-raised-button.mat-warn,
.conexionvalladolid-theme .mat-mdc-outlined-button.mat-warn,
.conexionvalladolid-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.conexionvalladolid-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #32b4ac;
  --mat-icon-button-state-layer-color: #32b4ac;
  --mat-icon-button-ripple-color: color-mix(in srgb, #32b4ac 12%, transparent);
}
.conexionvalladolid-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.conexionvalladolid-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.conexionvalladolid-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.conexionvalladolid-theme .mat-mdc-fab.mat-primary,
.conexionvalladolid-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #32b4ac;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #32b4ac 12%, transparent);
  --mat-fab-small-container-color: #32b4ac;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.conexionvalladolid-theme .mat-mdc-fab.mat-accent,
.conexionvalladolid-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.conexionvalladolid-theme .mat-mdc-fab.mat-warn,
.conexionvalladolid-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.conexionvalladolid-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.conexionvalladolid-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.conexionvalladolid-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.conexionvalladolid-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.conexionvalladolid-theme .mat-datepicker-content.mat-accent,
.conexionvalladolid-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.conexionvalladolid-theme .mat-datepicker-content.mat-warn,
.conexionvalladolid-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.conexionvalladolid-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.conexionvalladolid-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.conexionvalladolid-theme .mat-icon.mat-primary {
  --mat-icon-color: #32b4ac;
}
.conexionvalladolid-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.conexionvalladolid-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.conexionvalladolid-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.conexionvalladolid-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.conexionvalladolid-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #32b4ac;
  --mat-toolbar-container-text-color: #000000;
}
.conexionvalladolid-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.conexionvalladolid-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.conexionvalladolid-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.conexionvalladolid-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.conexionvalladolid-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.conexionvalladolid-theme .back-container {
  color: #32b4ac;
}
.conexionvalladolid-theme .back-container:hover {
  opacity: 0.54;
}
.conexionvalladolid-theme .warn-text {
  color: #e74737;
}
.conexionvalladolid-theme .inside-modal-title.primary-colored-title,
.conexionvalladolid-theme .form-title.primary-colored-title {
  color: #32b4ac;
}
.conexionvalladolid-theme .full-height-container form .button-container {
  background: white;
}
.conexionvalladolid-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.conexionvalladolid-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.conexionvalladolid-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.conexionvalladolid-theme .box-checkbox.active-box-checkbox {
  background-color: #32b4ac;
  color: white;
}
.conexionvalladolid-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.conexionvalladolid-theme .box-radio.active-box-radio {
  background-color: #32b4ac;
  color: white;
}
.conexionvalladolid-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.conexionvalladolid-theme .error {
  color: #e74737;
}
.conexionvalladolid-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.conexionvalladolid-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.conexionvalladolid-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.conexionvalladolid-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.conexionvalladolid-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.conexionvalladolid-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.conexionvalladolid-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.conexionvalladolid-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.conexionvalladolid-theme .ql-snow .ql-picker-options {
  background: white;
}
.conexionvalladolid-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.conexionvalladolid-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.conexionvalladolid-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.conexionvalladolid-theme .ql-snow .ql-fill,
.conexionvalladolid-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.conexionvalladolid-theme .ql-snow.ql-toolbar button:hover,
.conexionvalladolid-theme .ql-snow .ql-toolbar button:hover,
.conexionvalladolid-theme .ql-snow.ql-toolbar button:focus,
.conexionvalladolid-theme .ql-snow .ql-toolbar button:focus,
.conexionvalladolid-theme .ql-snow.ql-toolbar button.ql-active,
.conexionvalladolid-theme .ql-snow .ql-toolbar button.ql-active,
.conexionvalladolid-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.conexionvalladolid-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.conexionvalladolid-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.conexionvalladolid-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.conexionvalladolid-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.conexionvalladolid-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.conexionvalladolid-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.conexionvalladolid-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.conexionvalladolid-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.conexionvalladolid-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.conexionvalladolid-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.conexionvalladolid-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.conexionvalladolid-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.conexionvalladolid-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.conexionvalladolid-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.conexionvalladolid-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.conexionvalladolid-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.conexionvalladolid-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.conexionvalladolid-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.conexionvalladolid-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.conexionvalladolid-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.conexionvalladolid-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.conexionvalladolid-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.conexionvalladolid-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.conexionvalladolid-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.conexionvalladolid-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.conexionvalladolid-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.conexionvalladolid-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.conexionvalladolid-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.conexionvalladolid-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.conexionvalladolid-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.conexionvalladolid-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.conexionvalladolid-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.conexionvalladolid-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.conexionvalladolid-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.conexionvalladolid-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.conexionvalladolid-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.conexionvalladolid-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.conexionvalladolid-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.conexionvalladolid-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.conexionvalladolid-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.conexionvalladolid-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.conexionvalladolid-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.conexionvalladolid-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.conexionvalladolid-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.conexionvalladolid-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.conexionvalladolid-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.conexionvalladolid-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.conexionvalladolid-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.conexionvalladolid-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.conexionvalladolid-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.conexionvalladolid-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.conexionvalladolid-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.conexionvalladolid-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.conexionvalladolid-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.conexionvalladolid-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.conexionvalladolid-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.conexionvalladolid-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.conexionvalladolid-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.conexionvalladolid-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.conexionvalladolid-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.conexionvalladolid-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.conexionvalladolid-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.conexionvalladolid-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.conexionvalladolid-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.conexionvalladolid-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.conexionvalladolid-theme bee-form-item {
  margin-right: 0 !important;
}
.conexionvalladolid-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.conexionvalladolid-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #32b4ac;
  height: 38px !important;
}
.conexionvalladolid-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.conexionvalladolid-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.conexionvalladolid-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.conexionvalladolid-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.conexionvalladolid-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.conexionvalladolid-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.conexionvalladolid-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.conexionvalladolid-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.conexionvalladolid-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .conexionvalladolid-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.conexionvalladolid-theme .general-container .label-wrapper label {
  color: #32b4ac !important;
  background-color: white;
}
.conexionvalladolid-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.conexionvalladolid-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.conexionvalladolid-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.conexionvalladolid-theme .general-container .bee-selector .bee-selector-container {
  border-color: #32b4ac !important;
}
.conexionvalladolid-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.conexionvalladolid-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.conexionvalladolid-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.conexionvalladolid-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.conexionvalladolid-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.conexionvalladolid-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.conexionvalladolid-theme .general-container .bee-selector .bee-selector-container:focus,
.conexionvalladolid-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #32b4ac;
}
.conexionvalladolid-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.conexionvalladolid-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #32b4ac;
}
.conexionvalladolid-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.conexionvalladolid-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #32b4ac;
}
.conexionvalladolid-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.conexionvalladolid-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.conexionvalladolid-theme .general-container .bee-dropdown {
  background: white;
}
.conexionvalladolid-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #32b4ac;
}
.conexionvalladolid-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.conexionvalladolid-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.conexionvalladolid-theme .general-container .selector-error {
  color: #e74737;
}
.conexionvalladolid-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.conexionvalladolid-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.conexionvalladolid-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.conexionvalladolid-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.conexionvalladolid-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #32b4ac;
}
.conexionvalladolid-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.conexionvalladolid-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.conexionvalladolid-theme .move-image-action-container:hover {
  color: #32b4ac;
}
.conexionvalladolid-theme .info-icon {
  color: #32b4ac;
}
.conexionvalladolid-theme .email-chip {
  color: #32b4ac !important;
  background-color: rgba(50, 180, 172, 0.15) !important;
}
.conexionvalladolid-theme .email-chip .mat-chip-remove {
  color: #32b4ac !important;
  opacity: 1 !important;
}
.conexionvalladolid-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.conexionvalladolid-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.conexionvalladolid-theme .mat-badge-content {
  color: #32b4ac !important;
}
.conexionvalladolid-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #32b4ac !important;
}
.conexionvalladolid-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #32b4ac !important;
}
.conexionvalladolid-theme #circle-lleno {
  background: #5afff0;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.conexionvalladolid-theme .primary-contrast-text-color {
  color: #000000 !important;
}
.conexionvalladolid-theme .marine-color {
  color: #0f223e !important;
}
.conexionvalladolid-theme .primary-color {
  color: #32b4ac !important;
}
.conexionvalladolid-theme .gray-color {
  color: #C0C4CA !important;
}
.conexionvalladolid-theme .primary-color-200 {
  color: #99dad6 !important;
}
.conexionvalladolid-theme svg.primary-fill-svg {
  fill: #32b4ac !important;
}
.conexionvalladolid-theme .primary-fill {
  fill: #32b4ac !important;
}
.conexionvalladolid-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.conexionvalladolid-theme .primary-border-50 {
  border-color: #e6f6f5 !important;
}
.conexionvalladolid-theme .primary-border-100 {
  border-color: #c2e9e6 !important;
}
.conexionvalladolid-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.conexionvalladolid-theme .transparent-border-100 {
  border-color: transparent !important;
}
.conexionvalladolid-theme .primary-border-200 {
  border-color: #99dad6 !important;
}
.conexionvalladolid-theme .primary-indicator .mat-expansion-indicator:after {
  color: #32b4ac;
}
.conexionvalladolid-theme .contrast-background {
  background-color: #000000 !important;
}
.conexionvalladolid-theme .primary-color-small {
  color: rgba(50, 180, 172, 0.6);
}
.conexionvalladolid-theme .marine-background {
  background-color: #0f223e !important;
}
.conexionvalladolid-theme .primary-background {
  background-color: #32b4ac !important;
}
.conexionvalladolid-theme .primary-background-50 {
  background-color: #e6f6f5 !important;
}
.conexionvalladolid-theme .primary-background-200 {
  background-color: #99dad6 !important;
}
.conexionvalladolid-theme .primary-background-800 {
  background-color: #1f9c92 !important;
}
.conexionvalladolid-theme .white-color {
  color: white !important;
}
.conexionvalladolid-theme .secondary-color {
  color: #5afff0 !important;
}
.conexionvalladolid-theme .secondary-background {
  background-color: #5afff0 !important;
}
.conexionvalladolid-theme .secondary-background-semi {
  background-color: #32b4ac !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #32b4ac !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.conexionvalladolid-theme .secondary-background-full {
  background-color: #32b4ac !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #32b4ac !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.conexionvalladolid-theme .secondary-background-empty {
  background-color: #32b4ac !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #32b4ac !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.conexionvalladolid-theme .secondary-border {
  background-color: #5afff0 !important;
}
.conexionvalladolid-theme .tertiary-color {
  color: #5afff0 !important;
}
.conexionvalladolid-theme button.button-tertiary {
  background-color: #5afff0 !important;
  color: #32b4ac !important;
  border: 1px solid #32b4ac !important;
}
.conexionvalladolid-theme span.red-text {
  color: #DB1F35 !important;
}
.conexionvalladolid-theme .tertiary-background {
  background-color: #5afff0 !important;
}
.conexionvalladolid-theme .tertiary-border {
  border-color: #5afff0 !important;
}
.conexionvalladolid-theme .dark-background {
  background-color: black !important;
}
.conexionvalladolid-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.conexionvalladolid-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.conexionvalladolid-theme .primary-soft-background {
  background-color: rgba(50, 180, 172, 0.1) !important;
}
.conexionvalladolid-theme .primary-soft-background:hover {
  background-color: rgba(50, 180, 172, 0.15) !important;
}
.conexionvalladolid-theme .primary-border {
  border-color: #32b4ac !important;
}
.conexionvalladolid-theme .default-background {
  background-color: #fafafa !important;
}
.conexionvalladolid-theme .hover-primary:hover {
  color: #32b4ac !important;
}
.conexionvalladolid-theme .hover-primary-background:hover {
  background-color: #32b4ac !important;
}
.conexionvalladolid-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.conexionvalladolid-theme .warn-color {
  color: #e74737 !important;
}
.conexionvalladolid-theme .warn-border {
  border-color: #e74737 !important;
}
.conexionvalladolid-theme .accent-color {
  color: #fedd93 !important;
}
.conexionvalladolid-theme .accent-background {
  background-color: #fedd93 !important;
}
.conexionvalladolid-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.conexionvalladolid-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.conexionvalladolid-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.conexionvalladolid-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.conexionvalladolid-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.conexionvalladolid-theme .dialog-table tr .action-icon {
  color: transparent;
}
.conexionvalladolid-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.conexionvalladolid-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.conexionvalladolid-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #32b4ac;
}
.conexionvalladolid-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.conexionvalladolid-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.conexionvalladolid-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.conexionvalladolid-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.conexionvalladolid-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.conexionvalladolid-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.conexionvalladolid-theme .card-table tr .action-icon {
  color: transparent;
}
.conexionvalladolid-theme .card-table tr .action-icon button {
  color: transparent;
}
.conexionvalladolid-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.conexionvalladolid-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.conexionvalladolid-theme .card-table tr:hover .action-icon button {
  color: #32b4ac;
}
.conexionvalladolid-theme .card-table tr:hover .action-icon:hover {
  color: #32b4ac;
}
.conexionvalladolid-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.conexionvalladolid-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.conexionvalladolid-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.conexionvalladolid-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.conexionvalladolid-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #32b4ac;
}
.conexionvalladolid-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.conexionvalladolid-theme .no-hover-table tr:hover {
  background: white;
}
.conexionvalladolid-theme .custom-standard-chip {
  background-color: rgba(50, 180, 172, 0.1) !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .help-dashboard-card .mat-icon {
  color: #32b4ac;
}
.conexionvalladolid-theme .help-dashboard-card:hover {
  background-color: #32b4ac;
}
.conexionvalladolid-theme .help-dashboard-card:hover .mat-icon,
.conexionvalladolid-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.conexionvalladolid-theme .room-open {
  background-color: #32b4ac !important;
  color: white !important;
}
.conexionvalladolid-theme .room-open:hover {
  background-color: #32b4ac !important;
  color: white !important;
}
.conexionvalladolid-theme #public-office-page-groups .public-group-button-hover {
  background-color: #32b4ac !important;
  color: white !important;
}
.conexionvalladolid-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.conexionvalladolid-theme .notification-container .show-tip {
  color: transparent;
}
.conexionvalladolid-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.conexionvalladolid-theme .notification-container:hover .show-tip {
  color: #32b4ac;
}
.conexionvalladolid-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.conexionvalladolid-theme .notification-container .notification-subject .mat-icon {
  color: #32b4ac;
}
.conexionvalladolid-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.conexionvalladolid-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.conexionvalladolid-theme .message-container .show-tip {
  color: transparent;
}
.conexionvalladolid-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.conexionvalladolid-theme .message-container:hover .show-tip {
  color: #32b4ac;
}
.conexionvalladolid-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.conexionvalladolid-theme .message-container .message-subject .mat-icon {
  color: #32b4ac;
}
.conexionvalladolid-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.conexionvalladolid-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.conexionvalladolid-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.conexionvalladolid-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.conexionvalladolid-theme .primary-200-outline input {
  caret-color: #99dad6;
  color: #32b4ac;
}
.conexionvalladolid-theme .primary-200-outline label {
  color: #99dad6;
}
.conexionvalladolid-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #99dad6 !important;
}
.conexionvalladolid-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #99dad6;
}
.conexionvalladolid-theme mat-form-field .primary-outline label {
  color: #32b4ac !important;
}
.conexionvalladolid-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #32b4ac !important;
}
.conexionvalladolid-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #32b4ac !important;
}
.conexionvalladolid-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.conexionvalladolid-theme .input-primary input {
  caret-color: #32b4ac;
  color: #32b4ac;
}
.conexionvalladolid-theme .input-primary label {
  color: #32b4ac;
}
.conexionvalladolid-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #32b4ac !important;
}
.conexionvalladolid-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.conexionvalladolid-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #32b4ac;
  border-width: 1px;
}
.conexionvalladolid-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.conexionvalladolid-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.conexionvalladolid-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.conexionvalladolid-theme .boton-recarga {
  background-color: #32b4ac;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.conexionvalladolid-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.conexionvalladolid-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
}
.conexionvalladolid-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.conexionvalladolid-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.conexionvalladolid-theme .header-container button {
  padding: 0 !important;
}
.conexionvalladolid-theme .header-container .mat-button {
  min-width: unset !important;
}
.conexionvalladolid-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.conexionvalladolid-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.conexionvalladolid-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.conexionvalladolid-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.conexionvalladolid-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.conexionvalladolid-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.conexionvalladolid-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.conexionvalladolid-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.conexionvalladolid-theme .input-recarga-marine {
  border: 1px solid #32b4ac !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.conexionvalladolid-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.conexionvalladolid-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.conexionvalladolid-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.conexionvalladolid-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.conexionvalladolid-theme .color-primary {
  color: #32b4ac !important;
  fill: #32b4ac !important;
}
.conexionvalladolid-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.conexionvalladolid-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.conexionvalladolid-theme .primary-contrast {
  color: #000000 !important;
}
.conexionvalladolid-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.conexionvalladolid-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.conexionvalladolid-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.conexionvalladolid-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.conexionvalladolid-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.conexionvalladolid-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.conexionvalladolid-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.conexionvalladolid-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.conexionvalladolid-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #5afff0 !important;
}
.conexionvalladolid-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.conexionvalladolid-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .mat-checkbox-checked .mat-checkbox-background,
.conexionvalladolid-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #32b4ac !important;
}
.conexionvalladolid-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.conexionvalladolid-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.conexionvalladolid-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #99dad6 !important;
}
.conexionvalladolid-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.conexionvalladolid-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.conexionvalladolid-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.conexionvalladolid-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.conexionvalladolid-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.conexionvalladolid-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.conexionvalladolid-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.conexionvalladolid-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.conexionvalladolid-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.conexionvalladolid-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.conexionvalladolid-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.conexionvalladolid-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.conexionvalladolid-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.conexionvalladolid-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.conexionvalladolid-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.conexionvalladolid-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.conexionvalladolid-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #5afff0 !important;
}
.conexionvalladolid-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #5afff0 !important;
}
.conexionvalladolid-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.conexionvalladolid-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.conexionvalladolid-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.conexionvalladolid-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.conexionvalladolid-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.conexionvalladolid-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #5afff0 !important;
}
.conexionvalladolid-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #5afff0 !important;
}
.conexionvalladolid-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.conexionvalladolid-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.conexionvalladolid-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #5afff0 !important;
}
.conexionvalladolid-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #5afff0 !important;
}
.conexionvalladolid-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #5afff0 !important;
}
.conexionvalladolid-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #5afff0 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.conexionvalladolid-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #5afff0 !important;
}
.conexionvalladolid-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #5afff0 !important;
}
.conexionvalladolid-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #000000 !important;
}
.conexionvalladolid-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.conexionvalladolid-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #000000 !important;
}
.conexionvalladolid-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.conexionvalladolid-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.conexionvalladolid-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.conexionvalladolid-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #000000;
  background-color: #32b4ac !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.conexionvalladolid-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.conexionvalladolid-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.conexionvalladolid-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.conexionvalladolid-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.conexionvalladolid-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.conexionvalladolid-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #5afff0 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.conexionvalladolid-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #32b4ac !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #32b4ac !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.conexionvalladolid-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #32b4ac !important;
}
.conexionvalladolid-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.conexionvalladolid-theme .button-text-hidden {
  display: none;
}
.axxist-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #0f223e;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #0f223e 87%, transparent);
  --mat-form-field-filled-caret-color: #0f223e;
  --mat-form-field-filled-focus-active-indicator-color: #0f223e;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #0f223e 87%, transparent);
  --mat-form-field-outlined-caret-color: #0f223e;
  --mat-form-field-outlined-focus-outline-color: #0f223e;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #0f223e 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #0f223e;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #0f223e;
  --mat-slide-toggle-selected-handle-color: #0f223e;
  --mat-slide-toggle-selected-hover-state-layer-color: #0f223e;
  --mat-slide-toggle-selected-pressed-state-layer-color: #0f223e;
  --mat-slide-toggle-selected-focus-handle-color: #0f223e;
  --mat-slide-toggle-selected-hover-handle-color: #0f223e;
  --mat-slide-toggle-selected-pressed-handle-color: #0f223e;
  --mat-slide-toggle-selected-focus-track-color: #576478;
  --mat-slide-toggle-selected-hover-track-color: #576478;
  --mat-slide-toggle-selected-pressed-track-color: #576478;
  --mat-slide-toggle-selected-track-color: #576478;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #0f223e;
  --mat-slider-focus-handle-color: #0f223e;
  --mat-slider-handle-color: #0f223e;
  --mat-slider-hover-handle-color: #0f223e;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #0f223e 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #0f223e 4%, transparent);
  --mat-slider-inactive-track-color: #0f223e;
  --mat-slider-ripple-color: #0f223e;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #0f223e;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #576478;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #0f223e;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #0f223e;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #0f223e 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #0f223e;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #0f223e 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #0f223e 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #0f223e 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #0f223e;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #0f223e;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #0f223e;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #0f223e;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #0f223e;
  --mat-slide-toggle-selected-handle-color: #0f223e;
  --mat-slide-toggle-selected-hover-state-layer-color: #0f223e;
  --mat-slide-toggle-selected-pressed-state-layer-color: #0f223e;
  --mat-slide-toggle-selected-focus-handle-color: #0f223e;
  --mat-slide-toggle-selected-hover-handle-color: #0f223e;
  --mat-slide-toggle-selected-pressed-handle-color: #0f223e;
  --mat-slide-toggle-selected-focus-track-color: #576478;
  --mat-slide-toggle-selected-hover-track-color: #576478;
  --mat-slide-toggle-selected-pressed-track-color: #576478;
  --mat-slide-toggle-selected-track-color: #576478;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.axxist-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.axxist-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.axxist-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #0f223e;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #0f223e;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.axxist-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.axxist-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.axxist-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #0f223e;
  --mat-progress-bar-track-color: rgba(15, 34, 62, 0.25);
}
.axxist-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.axxist-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.axxist-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.axxist-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.axxist-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.axxist-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.axxist-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.axxist-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.axxist-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.axxist-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #0f223e;
  --mat-chip-elevated-disabled-container-color: #0f223e;
  --mat-chip-elevated-selected-container-color: #0f223e;
  --mat-chip-flat-disabled-selected-container-color: #0f223e;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.axxist-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.axxist-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.axxist-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.axxist-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.axxist-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.axxist-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.axxist-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.axxist-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.axxist-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.axxist-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #0f223e;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #0f223e;
  --mat-radio-selected-hover-icon-color: #0f223e;
  --mat-radio-selected-icon-color: #0f223e;
  --mat-radio-selected-pressed-icon-color: #0f223e;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.axxist-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.axxist-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.axxist-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.axxist-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.axxist-theme .mdc-list-item__start,
.axxist-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #0f223e;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #0f223e;
  --mat-radio-selected-hover-icon-color: #0f223e;
  --mat-radio-selected-icon-color: #0f223e;
  --mat-radio-selected-pressed-icon-color: #0f223e;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.axxist-theme .mat-accent .mdc-list-item__start,
.axxist-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.axxist-theme .mat-warn .mdc-list-item__start,
.axxist-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.axxist-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #0f223e;
  --mat-checkbox-selected-hover-icon-color: #0f223e;
  --mat-checkbox-selected-icon-color: #0f223e;
  --mat-checkbox-selected-pressed-icon-color: #0f223e;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #0f223e;
  --mat-checkbox-selected-hover-state-layer-color: #0f223e;
  --mat-checkbox-selected-pressed-state-layer-color: #0f223e;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.axxist-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.axxist-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.axxist-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.axxist-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.axxist-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.axxist-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #0f223e;
}
.axxist-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.axxist-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.axxist-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.axxist-theme .mdc-list-item__start,
.axxist-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.axxist-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.axxist-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.axxist-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.axxist-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.axxist-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.axxist-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.axxist-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.axxist-theme .mat-mdc-tab-group,
.axxist-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #0f223e;
  --mat-tab-active-ripple-color: #0f223e;
  --mat-tab-inactive-ripple-color: #0f223e;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #0f223e;
  --mat-tab-active-hover-label-text-color: #0f223e;
  --mat-tab-active-focus-indicator-color: #0f223e;
  --mat-tab-active-hover-indicator-color: #0f223e;
  --mat-tab-active-indicator-color: #0f223e;
}
.axxist-theme .mat-mdc-tab-group.mat-accent,
.axxist-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.axxist-theme .mat-mdc-tab-group.mat-warn,
.axxist-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.axxist-theme .mat-mdc-tab-group.mat-background-primary,
.axxist-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #0f223e;
  --mat-tab-foreground-color: #ffffff;
}
.axxist-theme .mat-mdc-tab-group.mat-background-accent,
.axxist-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.axxist-theme .mat-mdc-tab-group.mat-background-warn,
.axxist-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.axxist-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.axxist-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.axxist-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #0f223e;
  --mat-checkbox-selected-hover-icon-color: #0f223e;
  --mat-checkbox-selected-icon-color: #0f223e;
  --mat-checkbox-selected-pressed-icon-color: #0f223e;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #0f223e;
  --mat-checkbox-selected-hover-state-layer-color: #0f223e;
  --mat-checkbox-selected-pressed-state-layer-color: #0f223e;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.axxist-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.axxist-theme .mat-mdc-button.mat-primary,
.axxist-theme .mat-mdc-unelevated-button.mat-primary,
.axxist-theme .mat-mdc-raised-button.mat-primary,
.axxist-theme .mat-mdc-outlined-button.mat-primary,
.axxist-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #0f223e;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #0f223e;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #0f223e 12%, transparent);
  --mat-button-outlined-state-layer-color: #0f223e;
  --mat-button-protected-container-color: #0f223e;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #0f223e;
  --mat-button-text-ripple-color: color-mix(in srgb, #0f223e 12%, transparent);
  --mat-button-text-state-layer-color: #0f223e;
  --mat-button-tonal-container-color: #0f223e;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.axxist-theme .mat-mdc-button.mat-accent,
.axxist-theme .mat-mdc-unelevated-button.mat-accent,
.axxist-theme .mat-mdc-raised-button.mat-accent,
.axxist-theme .mat-mdc-outlined-button.mat-accent,
.axxist-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.axxist-theme .mat-mdc-button.mat-warn,
.axxist-theme .mat-mdc-unelevated-button.mat-warn,
.axxist-theme .mat-mdc-raised-button.mat-warn,
.axxist-theme .mat-mdc-outlined-button.mat-warn,
.axxist-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.axxist-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #0f223e;
  --mat-icon-button-state-layer-color: #0f223e;
  --mat-icon-button-ripple-color: color-mix(in srgb, #0f223e 12%, transparent);
}
.axxist-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.axxist-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.axxist-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.axxist-theme .mat-mdc-fab.mat-primary,
.axxist-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #0f223e;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #0f223e 12%, transparent);
  --mat-fab-small-container-color: #0f223e;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.axxist-theme .mat-mdc-fab.mat-accent,
.axxist-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.axxist-theme .mat-mdc-fab.mat-warn,
.axxist-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.axxist-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.axxist-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.axxist-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.axxist-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.axxist-theme .mat-datepicker-content.mat-accent,
.axxist-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.axxist-theme .mat-datepicker-content.mat-warn,
.axxist-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.axxist-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.axxist-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.axxist-theme .mat-icon.mat-primary {
  --mat-icon-color: #0f223e;
}
.axxist-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.axxist-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.axxist-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.axxist-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.axxist-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #0f223e;
  --mat-toolbar-container-text-color: #ffffff;
}
.axxist-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.axxist-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.axxist-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.axxist-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.axxist-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.axxist-theme .back-container {
  color: #0f223e;
}
.axxist-theme .back-container:hover {
  opacity: 0.54;
}
.axxist-theme .warn-text {
  color: #e74737;
}
.axxist-theme .inside-modal-title.primary-colored-title,
.axxist-theme .form-title.primary-colored-title {
  color: #0f223e;
}
.axxist-theme .full-height-container form .button-container {
  background: white;
}
.axxist-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.axxist-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.axxist-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.axxist-theme .box-checkbox.active-box-checkbox {
  background-color: #0f223e;
  color: white;
}
.axxist-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.axxist-theme .box-radio.active-box-radio {
  background-color: #0f223e;
  color: white;
}
.axxist-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.axxist-theme .error {
  color: #e74737;
}
.axxist-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.axxist-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.axxist-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.axxist-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.axxist-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.axxist-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.axxist-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.axxist-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.axxist-theme .ql-snow .ql-picker-options {
  background: white;
}
.axxist-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.axxist-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.axxist-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.axxist-theme .ql-snow .ql-fill,
.axxist-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.axxist-theme .ql-snow.ql-toolbar button:hover,
.axxist-theme .ql-snow .ql-toolbar button:hover,
.axxist-theme .ql-snow.ql-toolbar button:focus,
.axxist-theme .ql-snow .ql-toolbar button:focus,
.axxist-theme .ql-snow.ql-toolbar button.ql-active,
.axxist-theme .ql-snow .ql-toolbar button.ql-active,
.axxist-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.axxist-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.axxist-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.axxist-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.axxist-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.axxist-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.axxist-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.axxist-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.axxist-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.axxist-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.axxist-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.axxist-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.axxist-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.axxist-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.axxist-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.axxist-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.axxist-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.axxist-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.axxist-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.axxist-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.axxist-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.axxist-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.axxist-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.axxist-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.axxist-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.axxist-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.axxist-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.axxist-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.axxist-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.axxist-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.axxist-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.axxist-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.axxist-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.axxist-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.axxist-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.axxist-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.axxist-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.axxist-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.axxist-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.axxist-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.axxist-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.axxist-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.axxist-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.axxist-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.axxist-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.axxist-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.axxist-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.axxist-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.axxist-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.axxist-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.axxist-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.axxist-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.axxist-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.axxist-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.axxist-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.axxist-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.axxist-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.axxist-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.axxist-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.axxist-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.axxist-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.axxist-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.axxist-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.axxist-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.axxist-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.axxist-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.axxist-theme bee-form-item {
  margin-right: 0 !important;
}
.axxist-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.axxist-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #0f223e;
  height: 38px !important;
}
.axxist-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.axxist-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.axxist-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.axxist-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.axxist-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.axxist-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.axxist-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.axxist-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.axxist-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .axxist-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.axxist-theme .general-container .label-wrapper label {
  color: #0f223e !important;
  background-color: white;
}
.axxist-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.axxist-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.axxist-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.axxist-theme .general-container .bee-selector .bee-selector-container {
  border-color: #0f223e !important;
}
.axxist-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.axxist-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.axxist-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.axxist-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.axxist-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.axxist-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.axxist-theme .general-container .bee-selector .bee-selector-container:focus,
.axxist-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #0f223e;
}
.axxist-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.axxist-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #0f223e;
}
.axxist-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.axxist-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #0f223e;
}
.axxist-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.axxist-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.axxist-theme .general-container .bee-dropdown {
  background: white;
}
.axxist-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #0f223e;
}
.axxist-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.axxist-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.axxist-theme .general-container .selector-error {
  color: #e74737;
}
.axxist-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.axxist-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.axxist-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.axxist-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.axxist-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #0f223e;
}
.axxist-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.axxist-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.axxist-theme .move-image-action-container:hover {
  color: #0f223e;
}
.axxist-theme .info-icon {
  color: #0f223e;
}
.axxist-theme .email-chip {
  color: #0f223e !important;
  background-color: rgba(15, 34, 62, 0.15) !important;
}
.axxist-theme .email-chip .mat-chip-remove {
  color: #0f223e !important;
  opacity: 1 !important;
}
.axxist-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.axxist-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.axxist-theme .mat-badge-content {
  color: #0f223e !important;
}
.axxist-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #0f223e !important;
}
.axxist-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #0f223e !important;
}
.axxist-theme #circle-lleno {
  background: #18A1B9;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.axxist-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.axxist-theme .marine-color {
  color: #0f223e !important;
}
.axxist-theme .primary-color {
  color: #0f223e !important;
}
.axxist-theme .gray-color {
  color: #C0C4CA !important;
}
.axxist-theme .primary-color-200 {
  color: #87919f !important;
}
.axxist-theme svg.primary-fill-svg {
  fill: #0f223e !important;
}
.axxist-theme .primary-fill {
  fill: #0f223e !important;
}
.axxist-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.axxist-theme .primary-border-50 {
  border-color: #e2e4e8 !important;
}
.axxist-theme .primary-border-100 {
  border-color: #b7bdc5 !important;
}
.axxist-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.axxist-theme .transparent-border-100 {
  border-color: transparent !important;
}
.axxist-theme .primary-border-200 {
  border-color: #87919f !important;
}
.axxist-theme .primary-indicator .mat-expansion-indicator:after {
  color: #0f223e;
}
.axxist-theme .contrast-background {
  background-color: #ffffff !important;
}
.axxist-theme .primary-color-small {
  color: rgba(15, 34, 62, 0.6);
}
.axxist-theme .marine-background {
  background-color: #0f223e !important;
}
.axxist-theme .primary-background {
  background-color: #0f223e !important;
}
.axxist-theme .primary-background-50 {
  background-color: #e2e4e8 !important;
}
.axxist-theme .primary-background-200 {
  background-color: #87919f !important;
}
.axxist-theme .primary-background-800 {
  background-color: #081428 !important;
}
.axxist-theme .white-color {
  color: white !important;
}
.axxist-theme .secondary-color {
  color: #18A1B9 !important;
}
.axxist-theme .secondary-background {
  background-color: #18A1B9 !important;
}
.axxist-theme .secondary-background-semi {
  background-color: #0f223e !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #0f223e !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.axxist-theme .secondary-background-full {
  background-color: #0f223e !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #0f223e !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.axxist-theme .secondary-background-empty {
  background-color: #0f223e !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #0f223e !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.axxist-theme .secondary-border {
  background-color: #18A1B9 !important;
}
.axxist-theme .tertiary-color {
  color: #5df897 !important;
}
.axxist-theme button.button-tertiary {
  background-color: #5df897 !important;
  color: #0f223e !important;
  border: 1px solid #0f223e !important;
}
.axxist-theme span.red-text {
  color: #DB1F35 !important;
}
.axxist-theme .tertiary-background {
  background-color: #5df897 !important;
}
.axxist-theme .tertiary-border {
  border-color: #5df897 !important;
}
.axxist-theme .dark-background {
  background-color: black !important;
}
.axxist-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.axxist-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.axxist-theme .primary-soft-background {
  background-color: rgba(15, 34, 62, 0.1) !important;
}
.axxist-theme .primary-soft-background:hover {
  background-color: rgba(15, 34, 62, 0.15) !important;
}
.axxist-theme .primary-border {
  border-color: #0f223e !important;
}
.axxist-theme .default-background {
  background-color: #fafafa !important;
}
.axxist-theme .hover-primary:hover {
  color: #0f223e !important;
}
.axxist-theme .hover-primary-background:hover {
  background-color: #0f223e !important;
}
.axxist-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.axxist-theme .warn-color {
  color: #e74737 !important;
}
.axxist-theme .warn-border {
  border-color: #e74737 !important;
}
.axxist-theme .accent-color {
  color: #fedd93 !important;
}
.axxist-theme .accent-background {
  background-color: #fedd93 !important;
}
.axxist-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.axxist-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.axxist-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.axxist-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.axxist-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.axxist-theme .dialog-table tr .action-icon {
  color: transparent;
}
.axxist-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.axxist-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.axxist-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #0f223e;
}
.axxist-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.axxist-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.axxist-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.axxist-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.axxist-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.axxist-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.axxist-theme .card-table tr .action-icon {
  color: transparent;
}
.axxist-theme .card-table tr .action-icon button {
  color: transparent;
}
.axxist-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.axxist-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.axxist-theme .card-table tr:hover .action-icon button {
  color: #0f223e;
}
.axxist-theme .card-table tr:hover .action-icon:hover {
  color: #0f223e;
}
.axxist-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.axxist-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.axxist-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.axxist-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.axxist-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #0f223e;
}
.axxist-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.axxist-theme .no-hover-table tr:hover {
  background: white;
}
.axxist-theme .custom-standard-chip {
  background-color: rgba(15, 34, 62, 0.1) !important;
  color: #0f223e !important;
}
.axxist-theme .help-dashboard-card .mat-icon {
  color: #0f223e;
}
.axxist-theme .help-dashboard-card:hover {
  background-color: #0f223e;
}
.axxist-theme .help-dashboard-card:hover .mat-icon,
.axxist-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.axxist-theme .room-open {
  background-color: #0f223e !important;
  color: white !important;
}
.axxist-theme .room-open:hover {
  background-color: #0f223e !important;
  color: white !important;
}
.axxist-theme #public-office-page-groups .public-group-button-hover {
  background-color: #0f223e !important;
  color: white !important;
}
.axxist-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.axxist-theme .notification-container .show-tip {
  color: transparent;
}
.axxist-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.axxist-theme .notification-container:hover .show-tip {
  color: #0f223e;
}
.axxist-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.axxist-theme .notification-container .notification-subject .mat-icon {
  color: #0f223e;
}
.axxist-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.axxist-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.axxist-theme .message-container .show-tip {
  color: transparent;
}
.axxist-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.axxist-theme .message-container:hover .show-tip {
  color: #0f223e;
}
.axxist-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.axxist-theme .message-container .message-subject .mat-icon {
  color: #0f223e;
}
.axxist-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.axxist-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.axxist-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.axxist-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.axxist-theme .primary-200-outline input {
  caret-color: #87919f;
  color: #0f223e;
}
.axxist-theme .primary-200-outline label {
  color: #87919f;
}
.axxist-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #87919f !important;
}
.axxist-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #87919f;
}
.axxist-theme mat-form-field .primary-outline label {
  color: #0f223e !important;
}
.axxist-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #0f223e !important;
}
.axxist-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #0f223e !important;
}
.axxist-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.axxist-theme .input-primary input {
  caret-color: #0f223e;
  color: #0f223e;
}
.axxist-theme .input-primary label {
  color: #0f223e;
}
.axxist-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #0f223e !important;
}
.axxist-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.axxist-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #0f223e;
  border-width: 1px;
}
.axxist-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.axxist-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.axxist-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.axxist-theme .boton-recarga {
  background-color: #0f223e;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.axxist-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.axxist-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.axxist-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.axxist-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.axxist-theme .header-container button {
  padding: 0 !important;
}
.axxist-theme .header-container .mat-button {
  min-width: unset !important;
}
.axxist-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.axxist-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.axxist-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.axxist-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.axxist-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.axxist-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.axxist-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.axxist-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.axxist-theme .input-recarga-marine {
  border: 1px solid #0f223e !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.axxist-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.axxist-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.axxist-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.axxist-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.axxist-theme .color-primary {
  color: #0f223e !important;
  fill: #0f223e !important;
}
.axxist-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.axxist-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.axxist-theme .primary-contrast {
  color: #ffffff !important;
}
.axxist-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0f223e !important;
}
.axxist-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0f223e !important;
}
.axxist-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.axxist-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0f223e !important;
}
.axxist-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.axxist-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.axxist-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.axxist-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #0f223e !important;
}
.axxist-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #0f223e !important;
}
.axxist-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #0f223e !important;
}
.axxist-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #0f223e !important;
}
.axxist-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.axxist-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.axxist-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.axxist-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.axxist-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.axxist-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.axxist-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.axxist-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.axxist-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #18A1B9 !important;
}
.axxist-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.axxist-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.axxist-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #0f223e !important;
}
.axxist-theme .mat-checkbox-checked .mat-checkbox-background,
.axxist-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #0f223e !important;
}
.axxist-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.axxist-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.axxist-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.axxist-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.axxist-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.axxist-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #87919f !important;
}
.axxist-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.axxist-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.axxist-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.axxist-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.axxist-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.axxist-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.axxist-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.axxist-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.axxist-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.axxist-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.axxist-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.axxist-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.axxist-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.axxist-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.axxist-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.axxist-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.axxist-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.axxist-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.axxist-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.axxist-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.axxist-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.axxist-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.axxist-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.axxist-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.axxist-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.axxist-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.axxist-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.axxist-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.axxist-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.axxist-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.axxist-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #0f223e !important;
}
.axxist-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.axxist-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #18A1B9 !important;
}
.axxist-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #18A1B9 !important;
}
.axxist-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.axxist-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0f223e !important;
}
.axxist-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0f223e !important;
}
.axxist-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.axxist-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #0f223e !important;
}
.axxist-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #0f223e !important;
}
.axxist-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.axxist-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.axxist-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.axxist-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #18A1B9 !important;
}
.axxist-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #18A1B9 !important;
}
.axxist-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.axxist-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.axxist-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #5df897 !important;
}
.axxist-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #5df897 !important;
}
.axxist-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #5df897 !important;
}
.axxist-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #5df897 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.axxist-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #5df897 !important;
}
.axxist-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #5df897 !important;
}
.axxist-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #0f223e !important;
}
.axxist-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #0f223e !important;
}
.axxist-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #0f223e !important;
}
.axxist-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.axxist-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.axxist-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.axxist-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.axxist-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.axxist-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #0f223e !important;
}
.axxist-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #0f223e !important;
}
.axxist-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #0f223e !important;
}
.axxist-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #0f223e !important;
}
.axxist-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #0f223e !important;
}
.axxist-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #0f223e !important;
}
.axxist-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.axxist-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #0f223e !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.axxist-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.axxist-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.axxist-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.axxist-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.axxist-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.axxist-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #18A1B9 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.axxist-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #0f223e !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #0f223e !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.axxist-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #0f223e !important;
}
.axxist-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.axxist-theme .button-text-hidden {
  display: none;
}
.enorbita-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #7071db;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #7071db 87%, transparent);
  --mat-form-field-filled-caret-color: #7071db;
  --mat-form-field-filled-focus-active-indicator-color: #7071db;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #7071db 87%, transparent);
  --mat-form-field-outlined-caret-color: #7071db;
  --mat-form-field-outlined-focus-outline-color: #7071db;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #7071db 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #7071db;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #7071db;
  --mat-slide-toggle-selected-handle-color: #7071db;
  --mat-slide-toggle-selected-hover-state-layer-color: #7071db;
  --mat-slide-toggle-selected-pressed-state-layer-color: #7071db;
  --mat-slide-toggle-selected-focus-handle-color: #7071db;
  --mat-slide-toggle-selected-hover-handle-color: #7071db;
  --mat-slide-toggle-selected-pressed-handle-color: #7071db;
  --mat-slide-toggle-selected-focus-track-color: #9b9ce6;
  --mat-slide-toggle-selected-hover-track-color: #9b9ce6;
  --mat-slide-toggle-selected-pressed-track-color: #9b9ce6;
  --mat-slide-toggle-selected-track-color: #9b9ce6;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #7071db;
  --mat-slider-focus-handle-color: #7071db;
  --mat-slider-handle-color: #7071db;
  --mat-slider-hover-handle-color: #7071db;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #7071db 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #7071db 4%, transparent);
  --mat-slider-inactive-track-color: #7071db;
  --mat-slider-ripple-color: #7071db;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #7071db;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #9b9ce6;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #7071db;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #7071db;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #7071db 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #7071db;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #7071db 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #7071db 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #7071db 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #7071db;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #7071db;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #7071db;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #7071db;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #7071db;
  --mat-slide-toggle-selected-handle-color: #7071db;
  --mat-slide-toggle-selected-hover-state-layer-color: #7071db;
  --mat-slide-toggle-selected-pressed-state-layer-color: #7071db;
  --mat-slide-toggle-selected-focus-handle-color: #7071db;
  --mat-slide-toggle-selected-hover-handle-color: #7071db;
  --mat-slide-toggle-selected-pressed-handle-color: #7071db;
  --mat-slide-toggle-selected-focus-track-color: #9b9ce6;
  --mat-slide-toggle-selected-hover-track-color: #9b9ce6;
  --mat-slide-toggle-selected-pressed-track-color: #9b9ce6;
  --mat-slide-toggle-selected-track-color: #9b9ce6;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.enorbita-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.enorbita-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.enorbita-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #7071db;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #7071db;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.enorbita-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.enorbita-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.enorbita-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #7071db;
  --mat-progress-bar-track-color: rgba(112, 113, 219, 0.25);
}
.enorbita-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.enorbita-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.enorbita-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.enorbita-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.enorbita-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.enorbita-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.enorbita-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.enorbita-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.enorbita-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.enorbita-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #7071db;
  --mat-chip-elevated-disabled-container-color: #7071db;
  --mat-chip-elevated-selected-container-color: #7071db;
  --mat-chip-flat-disabled-selected-container-color: #7071db;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.enorbita-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.enorbita-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.enorbita-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.enorbita-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.enorbita-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.enorbita-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.enorbita-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.enorbita-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.enorbita-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.enorbita-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #7071db;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #7071db;
  --mat-radio-selected-hover-icon-color: #7071db;
  --mat-radio-selected-icon-color: #7071db;
  --mat-radio-selected-pressed-icon-color: #7071db;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.enorbita-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.enorbita-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.enorbita-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.enorbita-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.enorbita-theme .mdc-list-item__start,
.enorbita-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #7071db;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #7071db;
  --mat-radio-selected-hover-icon-color: #7071db;
  --mat-radio-selected-icon-color: #7071db;
  --mat-radio-selected-pressed-icon-color: #7071db;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.enorbita-theme .mat-accent .mdc-list-item__start,
.enorbita-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.enorbita-theme .mat-warn .mdc-list-item__start,
.enorbita-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.enorbita-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #7071db;
  --mat-checkbox-selected-hover-icon-color: #7071db;
  --mat-checkbox-selected-icon-color: #7071db;
  --mat-checkbox-selected-pressed-icon-color: #7071db;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #7071db;
  --mat-checkbox-selected-hover-state-layer-color: #7071db;
  --mat-checkbox-selected-pressed-state-layer-color: #7071db;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.enorbita-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.enorbita-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.enorbita-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.enorbita-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.enorbita-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.enorbita-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #7071db;
}
.enorbita-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.enorbita-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.enorbita-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.enorbita-theme .mdc-list-item__start,
.enorbita-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.enorbita-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.enorbita-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.enorbita-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.enorbita-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.enorbita-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.enorbita-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.enorbita-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.enorbita-theme .mat-mdc-tab-group,
.enorbita-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #7071db;
  --mat-tab-active-ripple-color: #7071db;
  --mat-tab-inactive-ripple-color: #7071db;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #7071db;
  --mat-tab-active-hover-label-text-color: #7071db;
  --mat-tab-active-focus-indicator-color: #7071db;
  --mat-tab-active-hover-indicator-color: #7071db;
  --mat-tab-active-indicator-color: #7071db;
}
.enorbita-theme .mat-mdc-tab-group.mat-accent,
.enorbita-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.enorbita-theme .mat-mdc-tab-group.mat-warn,
.enorbita-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.enorbita-theme .mat-mdc-tab-group.mat-background-primary,
.enorbita-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #7071db;
  --mat-tab-foreground-color: #ffffff;
}
.enorbita-theme .mat-mdc-tab-group.mat-background-accent,
.enorbita-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.enorbita-theme .mat-mdc-tab-group.mat-background-warn,
.enorbita-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.enorbita-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.enorbita-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.enorbita-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #7071db;
  --mat-checkbox-selected-hover-icon-color: #7071db;
  --mat-checkbox-selected-icon-color: #7071db;
  --mat-checkbox-selected-pressed-icon-color: #7071db;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #7071db;
  --mat-checkbox-selected-hover-state-layer-color: #7071db;
  --mat-checkbox-selected-pressed-state-layer-color: #7071db;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.enorbita-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.enorbita-theme .mat-mdc-button.mat-primary,
.enorbita-theme .mat-mdc-unelevated-button.mat-primary,
.enorbita-theme .mat-mdc-raised-button.mat-primary,
.enorbita-theme .mat-mdc-outlined-button.mat-primary,
.enorbita-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #7071db;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #7071db;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #7071db 12%, transparent);
  --mat-button-outlined-state-layer-color: #7071db;
  --mat-button-protected-container-color: #7071db;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #7071db;
  --mat-button-text-ripple-color: color-mix(in srgb, #7071db 12%, transparent);
  --mat-button-text-state-layer-color: #7071db;
  --mat-button-tonal-container-color: #7071db;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.enorbita-theme .mat-mdc-button.mat-accent,
.enorbita-theme .mat-mdc-unelevated-button.mat-accent,
.enorbita-theme .mat-mdc-raised-button.mat-accent,
.enorbita-theme .mat-mdc-outlined-button.mat-accent,
.enorbita-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.enorbita-theme .mat-mdc-button.mat-warn,
.enorbita-theme .mat-mdc-unelevated-button.mat-warn,
.enorbita-theme .mat-mdc-raised-button.mat-warn,
.enorbita-theme .mat-mdc-outlined-button.mat-warn,
.enorbita-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.enorbita-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #7071db;
  --mat-icon-button-state-layer-color: #7071db;
  --mat-icon-button-ripple-color: color-mix(in srgb, #7071db 12%, transparent);
}
.enorbita-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.enorbita-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.enorbita-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.enorbita-theme .mat-mdc-fab.mat-primary,
.enorbita-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #7071db;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #7071db 12%, transparent);
  --mat-fab-small-container-color: #7071db;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.enorbita-theme .mat-mdc-fab.mat-accent,
.enorbita-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.enorbita-theme .mat-mdc-fab.mat-warn,
.enorbita-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.enorbita-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.enorbita-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.enorbita-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.enorbita-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.enorbita-theme .mat-datepicker-content.mat-accent,
.enorbita-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.enorbita-theme .mat-datepicker-content.mat-warn,
.enorbita-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.enorbita-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.enorbita-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.enorbita-theme .mat-icon.mat-primary {
  --mat-icon-color: #7071db;
}
.enorbita-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.enorbita-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.enorbita-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.enorbita-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.enorbita-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #7071db;
  --mat-toolbar-container-text-color: #ffffff;
}
.enorbita-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.enorbita-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.enorbita-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.enorbita-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.enorbita-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.enorbita-theme .back-container {
  color: #7071db;
}
.enorbita-theme .back-container:hover {
  opacity: 0.54;
}
.enorbita-theme .warn-text {
  color: #e74737;
}
.enorbita-theme .inside-modal-title.primary-colored-title,
.enorbita-theme .form-title.primary-colored-title {
  color: #7071db;
}
.enorbita-theme .full-height-container form .button-container {
  background: white;
}
.enorbita-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.enorbita-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.enorbita-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.enorbita-theme .box-checkbox.active-box-checkbox {
  background-color: #7071db;
  color: white;
}
.enorbita-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.enorbita-theme .box-radio.active-box-radio {
  background-color: #7071db;
  color: white;
}
.enorbita-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.enorbita-theme .error {
  color: #e74737;
}
.enorbita-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.enorbita-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.enorbita-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.enorbita-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.enorbita-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.enorbita-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.enorbita-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.enorbita-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.enorbita-theme .ql-snow .ql-picker-options {
  background: white;
}
.enorbita-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.enorbita-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.enorbita-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.enorbita-theme .ql-snow .ql-fill,
.enorbita-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.enorbita-theme .ql-snow.ql-toolbar button:hover,
.enorbita-theme .ql-snow .ql-toolbar button:hover,
.enorbita-theme .ql-snow.ql-toolbar button:focus,
.enorbita-theme .ql-snow .ql-toolbar button:focus,
.enorbita-theme .ql-snow.ql-toolbar button.ql-active,
.enorbita-theme .ql-snow .ql-toolbar button.ql-active,
.enorbita-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.enorbita-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.enorbita-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.enorbita-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.enorbita-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.enorbita-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.enorbita-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.enorbita-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.enorbita-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.enorbita-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.enorbita-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.enorbita-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.enorbita-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.enorbita-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.enorbita-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.enorbita-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.enorbita-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.enorbita-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.enorbita-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.enorbita-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.enorbita-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.enorbita-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.enorbita-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.enorbita-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.enorbita-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.enorbita-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.enorbita-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.enorbita-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.enorbita-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.enorbita-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.enorbita-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.enorbita-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.enorbita-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.enorbita-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.enorbita-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.enorbita-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.enorbita-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.enorbita-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.enorbita-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.enorbita-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.enorbita-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.enorbita-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.enorbita-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.enorbita-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.enorbita-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.enorbita-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.enorbita-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.enorbita-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.enorbita-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.enorbita-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.enorbita-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.enorbita-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.enorbita-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.enorbita-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.enorbita-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.enorbita-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.enorbita-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.enorbita-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.enorbita-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.enorbita-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.enorbita-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.enorbita-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.enorbita-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.enorbita-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.enorbita-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.enorbita-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.enorbita-theme bee-form-item {
  margin-right: 0 !important;
}
.enorbita-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.enorbita-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #7071db;
  height: 38px !important;
}
.enorbita-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.enorbita-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.enorbita-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.enorbita-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.enorbita-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.enorbita-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.enorbita-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.enorbita-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.enorbita-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .enorbita-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.enorbita-theme .general-container .label-wrapper label {
  color: #7071db !important;
  background-color: white;
}
.enorbita-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.enorbita-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.enorbita-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.enorbita-theme .general-container .bee-selector .bee-selector-container {
  border-color: #7071db !important;
}
.enorbita-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.enorbita-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.enorbita-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.enorbita-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.enorbita-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.enorbita-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.enorbita-theme .general-container .bee-selector .bee-selector-container:focus,
.enorbita-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #7071db;
}
.enorbita-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.enorbita-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #7071db;
}
.enorbita-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.enorbita-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #7071db;
}
.enorbita-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.enorbita-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.enorbita-theme .general-container .bee-dropdown {
  background: white;
}
.enorbita-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #7071db;
}
.enorbita-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.enorbita-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.enorbita-theme .general-container .selector-error {
  color: #e74737;
}
.enorbita-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.enorbita-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.enorbita-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.enorbita-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.enorbita-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #7071db;
}
.enorbita-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.enorbita-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.enorbita-theme .move-image-action-container:hover {
  color: #7071db;
}
.enorbita-theme .info-icon {
  color: #7071db;
}
.enorbita-theme .email-chip {
  color: #7071db !important;
  background-color: rgba(112, 113, 219, 0.15) !important;
}
.enorbita-theme .email-chip .mat-chip-remove {
  color: #7071db !important;
  opacity: 1 !important;
}
.enorbita-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.enorbita-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.enorbita-theme .mat-badge-content {
  color: #7071db !important;
}
.enorbita-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #7071db !important;
}
.enorbita-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #7071db !important;
}
.enorbita-theme #circle-lleno {
  background: #b0b0ff;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.enorbita-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.enorbita-theme .marine-color {
  color: #0f223e !important;
}
.enorbita-theme .primary-color {
  color: #7071db !important;
}
.enorbita-theme .gray-color {
  color: #C0C4CA !important;
}
.enorbita-theme .primary-color-200 {
  color: #b8b8ed !important;
}
.enorbita-theme svg.primary-fill-svg {
  fill: #7071db !important;
}
.enorbita-theme .primary-fill {
  fill: #7071db !important;
}
.enorbita-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.enorbita-theme .primary-border-50 {
  border-color: #eeeefb !important;
}
.enorbita-theme .primary-border-100 {
  border-color: #d4d4f4 !important;
}
.enorbita-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.enorbita-theme .transparent-border-100 {
  border-color: transparent !important;
}
.enorbita-theme .primary-border-200 {
  border-color: #b8b8ed !important;
}
.enorbita-theme .primary-indicator .mat-expansion-indicator:after {
  color: #7071db;
}
.enorbita-theme .contrast-background {
  background-color: #ffffff !important;
}
.enorbita-theme .primary-color-small {
  color: rgba(112, 113, 219, 0.6);
}
.enorbita-theme .marine-background {
  background-color: #0f223e !important;
}
.enorbita-theme .primary-background {
  background-color: #7071db !important;
}
.enorbita-theme .primary-background-50 {
  background-color: #eeeefb !important;
}
.enorbita-theme .primary-background-200 {
  background-color: #b8b8ed !important;
}
.enorbita-theme .primary-background-800 {
  background-color: #5354cd !important;
}
.enorbita-theme .white-color {
  color: white !important;
}
.enorbita-theme .secondary-color {
  color: #b0b0ff !important;
}
.enorbita-theme .secondary-background {
  background-color: #b0b0ff !important;
}
.enorbita-theme .secondary-background-semi {
  background-color: #7071db !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #7071db !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.enorbita-theme .secondary-background-full {
  background-color: #7071db !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #7071db !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.enorbita-theme .secondary-background-empty {
  background-color: #7071db !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #7071db !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.enorbita-theme .secondary-border {
  background-color: #b0b0ff !important;
}
.enorbita-theme .tertiary-color {
  color: #b0b0ff !important;
}
.enorbita-theme button.button-tertiary {
  background-color: #b0b0ff !important;
  color: #7071db !important;
  border: 1px solid #7071db !important;
}
.enorbita-theme span.red-text {
  color: #DB1F35 !important;
}
.enorbita-theme .tertiary-background {
  background-color: #b0b0ff !important;
}
.enorbita-theme .tertiary-border {
  border-color: #b0b0ff !important;
}
.enorbita-theme .dark-background {
  background-color: black !important;
}
.enorbita-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.enorbita-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.enorbita-theme .primary-soft-background {
  background-color: rgba(112, 113, 219, 0.1) !important;
}
.enorbita-theme .primary-soft-background:hover {
  background-color: rgba(112, 113, 219, 0.15) !important;
}
.enorbita-theme .primary-border {
  border-color: #7071db !important;
}
.enorbita-theme .default-background {
  background-color: #fafafa !important;
}
.enorbita-theme .hover-primary:hover {
  color: #7071db !important;
}
.enorbita-theme .hover-primary-background:hover {
  background-color: #7071db !important;
}
.enorbita-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.enorbita-theme .warn-color {
  color: #e74737 !important;
}
.enorbita-theme .warn-border {
  border-color: #e74737 !important;
}
.enorbita-theme .accent-color {
  color: #fedd93 !important;
}
.enorbita-theme .accent-background {
  background-color: #fedd93 !important;
}
.enorbita-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.enorbita-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.enorbita-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.enorbita-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.enorbita-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.enorbita-theme .dialog-table tr .action-icon {
  color: transparent;
}
.enorbita-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.enorbita-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.enorbita-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #7071db;
}
.enorbita-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.enorbita-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.enorbita-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.enorbita-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.enorbita-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.enorbita-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.enorbita-theme .card-table tr .action-icon {
  color: transparent;
}
.enorbita-theme .card-table tr .action-icon button {
  color: transparent;
}
.enorbita-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.enorbita-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.enorbita-theme .card-table tr:hover .action-icon button {
  color: #7071db;
}
.enorbita-theme .card-table tr:hover .action-icon:hover {
  color: #7071db;
}
.enorbita-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.enorbita-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.enorbita-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.enorbita-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.enorbita-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #7071db;
}
.enorbita-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.enorbita-theme .no-hover-table tr:hover {
  background: white;
}
.enorbita-theme .custom-standard-chip {
  background-color: rgba(112, 113, 219, 0.1) !important;
  color: #7071db !important;
}
.enorbita-theme .help-dashboard-card .mat-icon {
  color: #7071db;
}
.enorbita-theme .help-dashboard-card:hover {
  background-color: #7071db;
}
.enorbita-theme .help-dashboard-card:hover .mat-icon,
.enorbita-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.enorbita-theme .room-open {
  background-color: #7071db !important;
  color: white !important;
}
.enorbita-theme .room-open:hover {
  background-color: #7071db !important;
  color: white !important;
}
.enorbita-theme #public-office-page-groups .public-group-button-hover {
  background-color: #7071db !important;
  color: white !important;
}
.enorbita-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.enorbita-theme .notification-container .show-tip {
  color: transparent;
}
.enorbita-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.enorbita-theme .notification-container:hover .show-tip {
  color: #7071db;
}
.enorbita-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.enorbita-theme .notification-container .notification-subject .mat-icon {
  color: #7071db;
}
.enorbita-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.enorbita-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.enorbita-theme .message-container .show-tip {
  color: transparent;
}
.enorbita-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.enorbita-theme .message-container:hover .show-tip {
  color: #7071db;
}
.enorbita-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.enorbita-theme .message-container .message-subject .mat-icon {
  color: #7071db;
}
.enorbita-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.enorbita-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.enorbita-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.enorbita-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.enorbita-theme .primary-200-outline input {
  caret-color: #b8b8ed;
  color: #7071db;
}
.enorbita-theme .primary-200-outline label {
  color: #b8b8ed;
}
.enorbita-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #b8b8ed !important;
}
.enorbita-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #b8b8ed;
}
.enorbita-theme mat-form-field .primary-outline label {
  color: #7071db !important;
}
.enorbita-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #7071db !important;
}
.enorbita-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #7071db !important;
}
.enorbita-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.enorbita-theme .input-primary input {
  caret-color: #7071db;
  color: #7071db;
}
.enorbita-theme .input-primary label {
  color: #7071db;
}
.enorbita-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #7071db !important;
}
.enorbita-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.enorbita-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #7071db;
  border-width: 1px;
}
.enorbita-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.enorbita-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.enorbita-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.enorbita-theme .boton-recarga {
  background-color: #7071db;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.enorbita-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.enorbita-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
}
.enorbita-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.enorbita-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.enorbita-theme .header-container button {
  padding: 0 !important;
}
.enorbita-theme .header-container .mat-button {
  min-width: unset !important;
}
.enorbita-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.enorbita-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.enorbita-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.enorbita-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.enorbita-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.enorbita-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.enorbita-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.enorbita-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.enorbita-theme .input-recarga-marine {
  border: 1px solid #7071db !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.enorbita-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.enorbita-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.enorbita-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.enorbita-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.enorbita-theme .color-primary {
  color: #7071db !important;
  fill: #7071db !important;
}
.enorbita-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.enorbita-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.enorbita-theme .primary-contrast {
  color: #ffffff !important;
}
.enorbita-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #7071db !important;
}
.enorbita-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #7071db !important;
}
.enorbita-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.enorbita-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #7071db !important;
}
.enorbita-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.enorbita-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.enorbita-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.enorbita-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #7071db !important;
}
.enorbita-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #7071db !important;
}
.enorbita-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #7071db !important;
}
.enorbita-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #7071db !important;
}
.enorbita-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #7071db !important;
}
.enorbita-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.enorbita-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #7071db !important;
}
.enorbita-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.enorbita-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #7071db !important;
}
.enorbita-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.enorbita-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.enorbita-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #7071db !important;
}
.enorbita-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #b0b0ff !important;
}
.enorbita-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.enorbita-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #7071db !important;
}
.enorbita-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #7071db !important;
}
.enorbita-theme .mat-checkbox-checked .mat-checkbox-background,
.enorbita-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #7071db !important;
}
.enorbita-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #7071db !important;
}
.enorbita-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.enorbita-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #7071db !important;
}
.enorbita-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.enorbita-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #7071db !important;
}
.enorbita-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #b8b8ed !important;
}
.enorbita-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #7071db !important;
}
.enorbita-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.enorbita-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.enorbita-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.enorbita-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.enorbita-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #7071db !important;
}
.enorbita-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #7071db !important;
}
.enorbita-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #7071db !important;
}
.enorbita-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.enorbita-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #7071db !important;
}
.enorbita-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #7071db !important;
}
.enorbita-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #7071db !important;
}
.enorbita-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.enorbita-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.enorbita-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #7071db !important;
}
.enorbita-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #7071db !important;
}
.enorbita-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.enorbita-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.enorbita-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #7071db !important;
}
.enorbita-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.enorbita-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.enorbita-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.enorbita-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #7071db !important;
}
.enorbita-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.enorbita-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #7071db !important;
}
.enorbita-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #7071db !important;
}
.enorbita-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #7071db !important;
}
.enorbita-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.enorbita-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.enorbita-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.enorbita-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #7071db !important;
}
.enorbita-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #7071db !important;
}
.enorbita-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #b0b0ff !important;
}
.enorbita-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #b0b0ff !important;
}
.enorbita-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.enorbita-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #7071db !important;
}
.enorbita-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #7071db !important;
}
.enorbita-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.enorbita-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #7071db !important;
}
.enorbita-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #7071db !important;
}
.enorbita-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.enorbita-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.enorbita-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.enorbita-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #b0b0ff !important;
}
.enorbita-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #b0b0ff !important;
}
.enorbita-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.enorbita-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.enorbita-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #b0b0ff !important;
}
.enorbita-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #b0b0ff !important;
}
.enorbita-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #b0b0ff !important;
}
.enorbita-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #b0b0ff !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.enorbita-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #b0b0ff !important;
}
.enorbita-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #b0b0ff !important;
}
.enorbita-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #7071db !important;
}
.enorbita-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #7071db !important;
}
.enorbita-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #7071db !important;
}
.enorbita-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.enorbita-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.enorbita-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.enorbita-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.enorbita-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.enorbita-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #7071db !important;
}
.enorbita-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #7071db !important;
}
.enorbita-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #7071db !important;
}
.enorbita-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #7071db !important;
}
.enorbita-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #7071db !important;
}
.enorbita-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #7071db !important;
}
.enorbita-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.enorbita-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #7071db !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.enorbita-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.enorbita-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.enorbita-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.enorbita-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.enorbita-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.enorbita-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #b0b0ff !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.enorbita-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #7071db !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #7071db !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.enorbita-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #7071db !important;
}
.enorbita-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.enorbita-theme .button-text-hidden {
  display: none;
}
.premiosdux2022-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #fecb04;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #000000;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #000000;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fecb04 87%, transparent);
  --mat-form-field-filled-caret-color: #fecb04;
  --mat-form-field-filled-focus-active-indicator-color: #fecb04;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fecb04 87%, transparent);
  --mat-form-field-outlined-caret-color: #fecb04;
  --mat-form-field-outlined-focus-outline-color: #fecb04;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fecb04 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fecb04;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fecb04;
  --mat-slide-toggle-selected-handle-color: #fecb04;
  --mat-slide-toggle-selected-hover-state-layer-color: #fecb04;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fecb04;
  --mat-slide-toggle-selected-focus-handle-color: #fecb04;
  --mat-slide-toggle-selected-hover-handle-color: #fecb04;
  --mat-slide-toggle-selected-pressed-handle-color: #fecb04;
  --mat-slide-toggle-selected-focus-track-color: #fedb4f;
  --mat-slide-toggle-selected-hover-track-color: #fedb4f;
  --mat-slide-toggle-selected-pressed-track-color: #fedb4f;
  --mat-slide-toggle-selected-track-color: #fedb4f;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #fecb04;
  --mat-slider-focus-handle-color: #fecb04;
  --mat-slider-handle-color: #fecb04;
  --mat-slider-hover-handle-color: #fecb04;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fecb04 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fecb04 4%, transparent);
  --mat-slider-inactive-track-color: #fecb04;
  --mat-slider-ripple-color: #fecb04;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fecb04;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #000000;
  --mat-checkbox-selected-hover-icon-color: #000000;
  --mat-checkbox-selected-icon-color: #000000;
  --mat-checkbox-selected-pressed-icon-color: #000000;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #000000;
  --mat-checkbox-selected-hover-state-layer-color: #000000;
  --mat-checkbox-selected-pressed-state-layer-color: #000000;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #fedb4f;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #fecb04;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #fecb04;
  --mat-badge-text-color: #000000;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fecb04 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #000000 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fecb04;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fecb04 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fecb04 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fecb04 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fecb04;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fecb04;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fecb04;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fecb04;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fecb04;
  --mat-slide-toggle-selected-handle-color: #fecb04;
  --mat-slide-toggle-selected-hover-state-layer-color: #fecb04;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fecb04;
  --mat-slide-toggle-selected-focus-handle-color: #fecb04;
  --mat-slide-toggle-selected-hover-handle-color: #fecb04;
  --mat-slide-toggle-selected-pressed-handle-color: #fecb04;
  --mat-slide-toggle-selected-focus-track-color: #fedb4f;
  --mat-slide-toggle-selected-hover-track-color: #fedb4f;
  --mat-slide-toggle-selected-pressed-track-color: #fedb4f;
  --mat-slide-toggle-selected-track-color: #fedb4f;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.premiosdux2022-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #000000;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.premiosdux2022-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.premiosdux2022-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #fecb04;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fecb04;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.premiosdux2022-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #000000;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #000000;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.premiosdux2022-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.premiosdux2022-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #fecb04;
  --mat-progress-bar-track-color: rgba(254, 203, 4, 0.25);
}
.premiosdux2022-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #000000;
  --mat-progress-bar-track-color: rgba(0, 0, 0, 0.25);
}
.premiosdux2022-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.premiosdux2022-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #000000 87%, transparent);
  --mat-form-field-filled-caret-color: #000000;
  --mat-form-field-filled-focus-active-indicator-color: #000000;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #000000 87%, transparent);
  --mat-form-field-outlined-caret-color: #000000;
  --mat-form-field-outlined-focus-outline-color: #000000;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #000000 87%, transparent);
}
.premiosdux2022-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.premiosdux2022-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #000000;
  --mat-select-invalid-arrow-color: #e74737;
}
.premiosdux2022-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.premiosdux2022-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.premiosdux2022-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.premiosdux2022-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.premiosdux2022-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fecb04;
  --mat-chip-elevated-disabled-container-color: #fecb04;
  --mat-chip-elevated-selected-container-color: #fecb04;
  --mat-chip-flat-disabled-selected-container-color: #fecb04;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.premiosdux2022-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.premiosdux2022-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #000000;
  --mat-chip-elevated-disabled-container-color: #000000;
  --mat-chip-elevated-selected-container-color: #000000;
  --mat-chip-flat-disabled-selected-container-color: #000000;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.premiosdux2022-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.premiosdux2022-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.premiosdux2022-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.premiosdux2022-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.premiosdux2022-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #000000;
  --mat-slide-toggle-selected-handle-color: #000000;
  --mat-slide-toggle-selected-hover-state-layer-color: #000000;
  --mat-slide-toggle-selected-pressed-state-layer-color: #000000;
  --mat-slide-toggle-selected-focus-handle-color: #000000;
  --mat-slide-toggle-selected-hover-handle-color: #000000;
  --mat-slide-toggle-selected-pressed-handle-color: #000000;
  --mat-slide-toggle-selected-focus-track-color: #cbcbcb;
  --mat-slide-toggle-selected-hover-track-color: #cbcbcb;
  --mat-slide-toggle-selected-pressed-track-color: #cbcbcb;
  --mat-slide-toggle-selected-track-color: #cbcbcb;
}
.premiosdux2022-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.premiosdux2022-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.premiosdux2022-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #fecb04;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fecb04;
  --mat-radio-selected-hover-icon-color: #fecb04;
  --mat-radio-selected-icon-color: #fecb04;
  --mat-radio-selected-pressed-icon-color: #fecb04;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.premiosdux2022-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #000000;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #000000;
  --mat-radio-selected-hover-icon-color: #000000;
  --mat-radio-selected-icon-color: #000000;
  --mat-radio-selected-pressed-icon-color: #000000;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.premiosdux2022-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.premiosdux2022-theme .mat-accent {
  --mat-slider-active-track-color: #000000;
  --mat-slider-focus-handle-color: #000000;
  --mat-slider-handle-color: #000000;
  --mat-slider-hover-handle-color: #000000;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #000000 4%, transparent);
  --mat-slider-inactive-track-color: #000000;
  --mat-slider-ripple-color: #000000;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #000000;
}
.premiosdux2022-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.premiosdux2022-theme .mdc-list-item__start,
.premiosdux2022-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fecb04;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fecb04;
  --mat-radio-selected-hover-icon-color: #fecb04;
  --mat-radio-selected-icon-color: #fecb04;
  --mat-radio-selected-pressed-icon-color: #fecb04;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.premiosdux2022-theme .mat-accent .mdc-list-item__start,
.premiosdux2022-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #000000;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #000000;
  --mat-radio-selected-hover-icon-color: #000000;
  --mat-radio-selected-icon-color: #000000;
  --mat-radio-selected-pressed-icon-color: #000000;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.premiosdux2022-theme .mat-warn .mdc-list-item__start,
.premiosdux2022-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.premiosdux2022-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fecb04;
  --mat-checkbox-selected-hover-icon-color: #fecb04;
  --mat-checkbox-selected-icon-color: #fecb04;
  --mat-checkbox-selected-pressed-icon-color: #fecb04;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fecb04;
  --mat-checkbox-selected-hover-state-layer-color: #fecb04;
  --mat-checkbox-selected-pressed-state-layer-color: #fecb04;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.premiosdux2022-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #000000;
  --mat-checkbox-selected-hover-icon-color: #000000;
  --mat-checkbox-selected-icon-color: #000000;
  --mat-checkbox-selected-pressed-icon-color: #000000;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #000000;
  --mat-checkbox-selected-hover-state-layer-color: #000000;
  --mat-checkbox-selected-pressed-state-layer-color: #000000;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.premiosdux2022-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.premiosdux2022-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.premiosdux2022-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.premiosdux2022-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.premiosdux2022-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #fecb04;
}
.premiosdux2022-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.premiosdux2022-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.premiosdux2022-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.premiosdux2022-theme .mdc-list-item__start,
.premiosdux2022-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.premiosdux2022-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.premiosdux2022-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.premiosdux2022-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.premiosdux2022-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.premiosdux2022-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.premiosdux2022-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.premiosdux2022-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.premiosdux2022-theme .mat-mdc-tab-group,
.premiosdux2022-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fecb04;
  --mat-tab-active-ripple-color: #fecb04;
  --mat-tab-inactive-ripple-color: #fecb04;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fecb04;
  --mat-tab-active-hover-label-text-color: #fecb04;
  --mat-tab-active-focus-indicator-color: #fecb04;
  --mat-tab-active-hover-indicator-color: #fecb04;
  --mat-tab-active-indicator-color: #fecb04;
}
.premiosdux2022-theme .mat-mdc-tab-group.mat-accent,
.premiosdux2022-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #000000;
  --mat-tab-active-ripple-color: #000000;
  --mat-tab-inactive-ripple-color: #000000;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #000000;
  --mat-tab-active-hover-label-text-color: #000000;
  --mat-tab-active-focus-indicator-color: #000000;
  --mat-tab-active-hover-indicator-color: #000000;
  --mat-tab-active-indicator-color: #000000;
}
.premiosdux2022-theme .mat-mdc-tab-group.mat-warn,
.premiosdux2022-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.premiosdux2022-theme .mat-mdc-tab-group.mat-background-primary,
.premiosdux2022-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #fecb04;
  --mat-tab-foreground-color: #000000;
}
.premiosdux2022-theme .mat-mdc-tab-group.mat-background-accent,
.premiosdux2022-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #000000;
  --mat-tab-foreground-color: #000000;
}
.premiosdux2022-theme .mat-mdc-tab-group.mat-background-warn,
.premiosdux2022-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.premiosdux2022-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.premiosdux2022-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.premiosdux2022-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fecb04;
  --mat-checkbox-selected-hover-icon-color: #fecb04;
  --mat-checkbox-selected-icon-color: #fecb04;
  --mat-checkbox-selected-pressed-icon-color: #fecb04;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fecb04;
  --mat-checkbox-selected-hover-state-layer-color: #fecb04;
  --mat-checkbox-selected-pressed-state-layer-color: #fecb04;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.premiosdux2022-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.premiosdux2022-theme .mat-mdc-button.mat-primary,
.premiosdux2022-theme .mat-mdc-unelevated-button.mat-primary,
.premiosdux2022-theme .mat-mdc-raised-button.mat-primary,
.premiosdux2022-theme .mat-mdc-outlined-button.mat-primary,
.premiosdux2022-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #fecb04;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fecb04;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fecb04 12%, transparent);
  --mat-button-outlined-state-layer-color: #fecb04;
  --mat-button-protected-container-color: #fecb04;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fecb04;
  --mat-button-text-ripple-color: color-mix(in srgb, #fecb04 12%, transparent);
  --mat-button-text-state-layer-color: #fecb04;
  --mat-button-tonal-container-color: #fecb04;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.premiosdux2022-theme .mat-mdc-button.mat-accent,
.premiosdux2022-theme .mat-mdc-unelevated-button.mat-accent,
.premiosdux2022-theme .mat-mdc-raised-button.mat-accent,
.premiosdux2022-theme .mat-mdc-outlined-button.mat-accent,
.premiosdux2022-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #000000;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #000000;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-outlined-state-layer-color: #000000;
  --mat-button-protected-container-color: #000000;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #000000;
  --mat-button-text-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-text-state-layer-color: #000000;
  --mat-button-tonal-container-color: #000000;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.premiosdux2022-theme .mat-mdc-button.mat-warn,
.premiosdux2022-theme .mat-mdc-unelevated-button.mat-warn,
.premiosdux2022-theme .mat-mdc-raised-button.mat-warn,
.premiosdux2022-theme .mat-mdc-outlined-button.mat-warn,
.premiosdux2022-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.premiosdux2022-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #fecb04;
  --mat-icon-button-state-layer-color: #fecb04;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fecb04 12%, transparent);
}
.premiosdux2022-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #000000;
  --mat-icon-button-state-layer-color: #000000;
  --mat-icon-button-ripple-color: color-mix(in srgb, #000000 12%, transparent);
}
.premiosdux2022-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.premiosdux2022-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.premiosdux2022-theme .mat-mdc-fab.mat-primary,
.premiosdux2022-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #fecb04;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fecb04 12%, transparent);
  --mat-fab-small-container-color: #fecb04;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.premiosdux2022-theme .mat-mdc-fab.mat-accent,
.premiosdux2022-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #000000;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-container-color: #000000;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.premiosdux2022-theme .mat-mdc-fab.mat-warn,
.premiosdux2022-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.premiosdux2022-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #000000;
}
.premiosdux2022-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.premiosdux2022-theme .mat-badge-accent {
  --mat-badge-background-color: #000000;
  --mat-badge-text-color: #000000;
}
.premiosdux2022-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.premiosdux2022-theme .mat-datepicker-content.mat-accent,
.premiosdux2022-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #000000 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #000000 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #000000;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #000000 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #000000 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #000000;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.premiosdux2022-theme .mat-datepicker-content.mat-warn,
.premiosdux2022-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #000000 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.premiosdux2022-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.premiosdux2022-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.premiosdux2022-theme .mat-icon.mat-primary {
  --mat-icon-color: #fecb04;
}
.premiosdux2022-theme .mat-icon.mat-accent {
  --mat-icon-color: #000000;
}
.premiosdux2022-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.premiosdux2022-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #000000;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #000000;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #000000;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.premiosdux2022-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.premiosdux2022-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #fecb04;
  --mat-toolbar-container-text-color: #000000;
}
.premiosdux2022-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #000000;
  --mat-toolbar-container-text-color: #000000;
}
.premiosdux2022-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.premiosdux2022-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #000000;
  --mat-slide-toggle-selected-handle-color: #000000;
  --mat-slide-toggle-selected-hover-state-layer-color: #000000;
  --mat-slide-toggle-selected-pressed-state-layer-color: #000000;
  --mat-slide-toggle-selected-focus-handle-color: #000000;
  --mat-slide-toggle-selected-hover-handle-color: #000000;
  --mat-slide-toggle-selected-pressed-handle-color: #000000;
  --mat-slide-toggle-selected-focus-track-color: #cbcbcb;
  --mat-slide-toggle-selected-hover-track-color: #cbcbcb;
  --mat-slide-toggle-selected-pressed-track-color: #cbcbcb;
  --mat-slide-toggle-selected-track-color: #cbcbcb;
}
.premiosdux2022-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.premiosdux2022-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.premiosdux2022-theme .back-container {
  color: #fecb04;
}
.premiosdux2022-theme .back-container:hover {
  opacity: 0.54;
}
.premiosdux2022-theme .warn-text {
  color: #e74737;
}
.premiosdux2022-theme .inside-modal-title.primary-colored-title,
.premiosdux2022-theme .form-title.primary-colored-title {
  color: #fecb04;
}
.premiosdux2022-theme .full-height-container form .button-container {
  background: white;
}
.premiosdux2022-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.premiosdux2022-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.premiosdux2022-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.premiosdux2022-theme .box-checkbox.active-box-checkbox {
  background-color: #fecb04;
  color: white;
}
.premiosdux2022-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.premiosdux2022-theme .box-radio.active-box-radio {
  background-color: #fecb04;
  color: white;
}
.premiosdux2022-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.premiosdux2022-theme .error {
  color: #e74737;
}
.premiosdux2022-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.premiosdux2022-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.premiosdux2022-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.premiosdux2022-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.premiosdux2022-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.premiosdux2022-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.premiosdux2022-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.premiosdux2022-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.premiosdux2022-theme .ql-snow .ql-picker-options {
  background: white;
}
.premiosdux2022-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.premiosdux2022-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.premiosdux2022-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.premiosdux2022-theme .ql-snow .ql-fill,
.premiosdux2022-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.premiosdux2022-theme .ql-snow.ql-toolbar button:hover,
.premiosdux2022-theme .ql-snow .ql-toolbar button:hover,
.premiosdux2022-theme .ql-snow.ql-toolbar button:focus,
.premiosdux2022-theme .ql-snow .ql-toolbar button:focus,
.premiosdux2022-theme .ql-snow.ql-toolbar button.ql-active,
.premiosdux2022-theme .ql-snow .ql-toolbar button.ql-active,
.premiosdux2022-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.premiosdux2022-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.premiosdux2022-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.premiosdux2022-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.premiosdux2022-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.premiosdux2022-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.premiosdux2022-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.premiosdux2022-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.premiosdux2022-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.premiosdux2022-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.premiosdux2022-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.premiosdux2022-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.premiosdux2022-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.premiosdux2022-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.premiosdux2022-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.premiosdux2022-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.premiosdux2022-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.premiosdux2022-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.premiosdux2022-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.premiosdux2022-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.premiosdux2022-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.premiosdux2022-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.premiosdux2022-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.premiosdux2022-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.premiosdux2022-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.premiosdux2022-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.premiosdux2022-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.premiosdux2022-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.premiosdux2022-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.premiosdux2022-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.premiosdux2022-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.premiosdux2022-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.premiosdux2022-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.premiosdux2022-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.premiosdux2022-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.premiosdux2022-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.premiosdux2022-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.premiosdux2022-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.premiosdux2022-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.premiosdux2022-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.premiosdux2022-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.premiosdux2022-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.premiosdux2022-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.premiosdux2022-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.premiosdux2022-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.premiosdux2022-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.premiosdux2022-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.premiosdux2022-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.premiosdux2022-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.premiosdux2022-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.premiosdux2022-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.premiosdux2022-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.premiosdux2022-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.premiosdux2022-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.premiosdux2022-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.premiosdux2022-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.premiosdux2022-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.premiosdux2022-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.premiosdux2022-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.premiosdux2022-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.premiosdux2022-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.premiosdux2022-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.premiosdux2022-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.premiosdux2022-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.premiosdux2022-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.premiosdux2022-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.premiosdux2022-theme bee-form-item {
  margin-right: 0 !important;
}
.premiosdux2022-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.premiosdux2022-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #fecb04;
  height: 38px !important;
}
.premiosdux2022-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.premiosdux2022-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.premiosdux2022-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.premiosdux2022-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.premiosdux2022-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.premiosdux2022-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.premiosdux2022-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.premiosdux2022-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.premiosdux2022-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .premiosdux2022-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.premiosdux2022-theme .general-container .label-wrapper label {
  color: #fecb04 !important;
  background-color: white;
}
.premiosdux2022-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.premiosdux2022-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.premiosdux2022-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.premiosdux2022-theme .general-container .bee-selector .bee-selector-container {
  border-color: #fecb04 !important;
}
.premiosdux2022-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.premiosdux2022-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.premiosdux2022-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.premiosdux2022-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.premiosdux2022-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.premiosdux2022-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.premiosdux2022-theme .general-container .bee-selector .bee-selector-container:focus,
.premiosdux2022-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #fecb04;
}
.premiosdux2022-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.premiosdux2022-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #fecb04;
}
.premiosdux2022-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.premiosdux2022-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #fecb04;
}
.premiosdux2022-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.premiosdux2022-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.premiosdux2022-theme .general-container .bee-dropdown {
  background: white;
}
.premiosdux2022-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #fecb04;
}
.premiosdux2022-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.premiosdux2022-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.premiosdux2022-theme .general-container .selector-error {
  color: #e74737;
}
.premiosdux2022-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.premiosdux2022-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.premiosdux2022-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.premiosdux2022-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.premiosdux2022-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #fecb04;
}
.premiosdux2022-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.premiosdux2022-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.premiosdux2022-theme .move-image-action-container:hover {
  color: #fecb04;
}
.premiosdux2022-theme .info-icon {
  color: #fecb04;
}
.premiosdux2022-theme .email-chip {
  color: #fecb04 !important;
  background-color: rgba(254, 203, 4, 0.15) !important;
}
.premiosdux2022-theme .email-chip .mat-chip-remove {
  color: #fecb04 !important;
  opacity: 1 !important;
}
.premiosdux2022-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.premiosdux2022-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.premiosdux2022-theme .mat-badge-content {
  color: #fecb04 !important;
}
.premiosdux2022-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #fecb04 !important;
}
.premiosdux2022-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #fecb04 !important;
}
.premiosdux2022-theme #circle-lleno {
  background: #ffdea4;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.premiosdux2022-theme .primary-contrast-text-color {
  color: #000000 !important;
}
.premiosdux2022-theme .marine-color {
  color: #0f223e !important;
}
.premiosdux2022-theme .primary-color {
  color: #fecb04 !important;
}
.premiosdux2022-theme .gray-color {
  color: #C0C4CA !important;
}
.premiosdux2022-theme .primary-color-200 {
  color: #ffe582 !important;
}
.premiosdux2022-theme svg.primary-fill-svg {
  fill: #fecb04 !important;
}
.premiosdux2022-theme .primary-fill {
  fill: #fecb04 !important;
}
.premiosdux2022-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.premiosdux2022-theme .primary-border-50 {
  border-color: #fff9e1 !important;
}
.premiosdux2022-theme .primary-border-100 {
  border-color: #ffefb4 !important;
}
.premiosdux2022-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.premiosdux2022-theme .transparent-border-100 {
  border-color: transparent !important;
}
.premiosdux2022-theme .primary-border-200 {
  border-color: #ffe582 !important;
}
.premiosdux2022-theme .primary-indicator .mat-expansion-indicator:after {
  color: #fecb04;
}
.premiosdux2022-theme .contrast-background {
  background-color: #000000 !important;
}
.premiosdux2022-theme .primary-color-small {
  color: rgba(254, 203, 4, 0.6);
}
.premiosdux2022-theme .marine-background {
  background-color: #0f223e !important;
}
.premiosdux2022-theme .primary-background {
  background-color: #fecb04 !important;
}
.premiosdux2022-theme .primary-background-50 {
  background-color: #fff9e1 !important;
}
.premiosdux2022-theme .primary-background-200 {
  background-color: #ffe582 !important;
}
.premiosdux2022-theme .primary-background-800 {
  background-color: #feb802 !important;
}
.premiosdux2022-theme .white-color {
  color: white !important;
}
.premiosdux2022-theme .secondary-color {
  color: #ffdea4 !important;
}
.premiosdux2022-theme .secondary-background {
  background-color: #ffdea4 !important;
}
.premiosdux2022-theme .secondary-background-semi {
  background-color: #fecb04 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #fecb04 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.premiosdux2022-theme .secondary-background-full {
  background-color: #fecb04 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #fecb04 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.premiosdux2022-theme .secondary-background-empty {
  background-color: #fecb04 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #fecb04 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.premiosdux2022-theme .secondary-border {
  background-color: #ffdea4 !important;
}
.premiosdux2022-theme .tertiary-color {
  color: #ffdea4 !important;
}
.premiosdux2022-theme button.button-tertiary {
  background-color: #ffdea4 !important;
  color: #fecb04 !important;
  border: 1px solid #fecb04 !important;
}
.premiosdux2022-theme span.red-text {
  color: #DB1F35 !important;
}
.premiosdux2022-theme .tertiary-background {
  background-color: #ffdea4 !important;
}
.premiosdux2022-theme .tertiary-border {
  border-color: #ffdea4 !important;
}
.premiosdux2022-theme .dark-background {
  background-color: black !important;
}
.premiosdux2022-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.premiosdux2022-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.premiosdux2022-theme .primary-soft-background {
  background-color: rgba(254, 203, 4, 0.1) !important;
}
.premiosdux2022-theme .primary-soft-background:hover {
  background-color: rgba(254, 203, 4, 0.15) !important;
}
.premiosdux2022-theme .primary-border {
  border-color: #fecb04 !important;
}
.premiosdux2022-theme .default-background {
  background-color: #fafafa !important;
}
.premiosdux2022-theme .hover-primary:hover {
  color: #fecb04 !important;
}
.premiosdux2022-theme .hover-primary-background:hover {
  background-color: #fecb04 !important;
}
.premiosdux2022-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.premiosdux2022-theme .warn-color {
  color: #e74737 !important;
}
.premiosdux2022-theme .warn-border {
  border-color: #e74737 !important;
}
.premiosdux2022-theme .accent-color {
  color: #000000 !important;
}
.premiosdux2022-theme .accent-background {
  background-color: #000000 !important;
}
.premiosdux2022-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.premiosdux2022-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.premiosdux2022-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.premiosdux2022-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.premiosdux2022-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.premiosdux2022-theme .dialog-table tr .action-icon {
  color: transparent;
}
.premiosdux2022-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.premiosdux2022-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.premiosdux2022-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #fecb04;
}
.premiosdux2022-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.premiosdux2022-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.premiosdux2022-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.premiosdux2022-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.premiosdux2022-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.premiosdux2022-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.premiosdux2022-theme .card-table tr .action-icon {
  color: transparent;
}
.premiosdux2022-theme .card-table tr .action-icon button {
  color: transparent;
}
.premiosdux2022-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.premiosdux2022-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.premiosdux2022-theme .card-table tr:hover .action-icon button {
  color: #fecb04;
}
.premiosdux2022-theme .card-table tr:hover .action-icon:hover {
  color: #fecb04;
}
.premiosdux2022-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.premiosdux2022-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.premiosdux2022-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.premiosdux2022-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.premiosdux2022-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #fecb04;
}
.premiosdux2022-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.premiosdux2022-theme .no-hover-table tr:hover {
  background: white;
}
.premiosdux2022-theme .custom-standard-chip {
  background-color: rgba(254, 203, 4, 0.1) !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .help-dashboard-card .mat-icon {
  color: #fecb04;
}
.premiosdux2022-theme .help-dashboard-card:hover {
  background-color: #fecb04;
}
.premiosdux2022-theme .help-dashboard-card:hover .mat-icon,
.premiosdux2022-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.premiosdux2022-theme .room-open {
  background-color: #fecb04 !important;
  color: white !important;
}
.premiosdux2022-theme .room-open:hover {
  background-color: #fecb04 !important;
  color: white !important;
}
.premiosdux2022-theme #public-office-page-groups .public-group-button-hover {
  background-color: #fecb04 !important;
  color: white !important;
}
.premiosdux2022-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.premiosdux2022-theme .notification-container .show-tip {
  color: transparent;
}
.premiosdux2022-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.premiosdux2022-theme .notification-container:hover .show-tip {
  color: #fecb04;
}
.premiosdux2022-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.premiosdux2022-theme .notification-container .notification-subject .mat-icon {
  color: #fecb04;
}
.premiosdux2022-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.premiosdux2022-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.premiosdux2022-theme .message-container .show-tip {
  color: transparent;
}
.premiosdux2022-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.premiosdux2022-theme .message-container:hover .show-tip {
  color: #fecb04;
}
.premiosdux2022-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.premiosdux2022-theme .message-container .message-subject .mat-icon {
  color: #fecb04;
}
.premiosdux2022-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.premiosdux2022-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.premiosdux2022-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.premiosdux2022-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.premiosdux2022-theme .primary-200-outline input {
  caret-color: #ffe582;
  color: #fecb04;
}
.premiosdux2022-theme .primary-200-outline label {
  color: #ffe582;
}
.premiosdux2022-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #ffe582 !important;
}
.premiosdux2022-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #ffe582;
}
.premiosdux2022-theme mat-form-field .primary-outline label {
  color: #fecb04 !important;
}
.premiosdux2022-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #fecb04 !important;
}
.premiosdux2022-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #fecb04 !important;
}
.premiosdux2022-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.premiosdux2022-theme .input-primary input {
  caret-color: #fecb04;
  color: #fecb04;
}
.premiosdux2022-theme .input-primary label {
  color: #fecb04;
}
.premiosdux2022-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #fecb04 !important;
}
.premiosdux2022-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.premiosdux2022-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #fecb04;
  border-width: 1px;
}
.premiosdux2022-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.premiosdux2022-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.premiosdux2022-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.premiosdux2022-theme .boton-recarga {
  background-color: #fecb04;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.premiosdux2022-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.premiosdux2022-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
}
.premiosdux2022-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.premiosdux2022-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.premiosdux2022-theme .header-container button {
  padding: 0 !important;
}
.premiosdux2022-theme .header-container .mat-button {
  min-width: unset !important;
}
.premiosdux2022-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.premiosdux2022-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.premiosdux2022-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.premiosdux2022-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.premiosdux2022-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.premiosdux2022-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.premiosdux2022-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.premiosdux2022-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.premiosdux2022-theme .input-recarga-marine {
  border: 1px solid #fecb04 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.premiosdux2022-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.premiosdux2022-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.premiosdux2022-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.premiosdux2022-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.premiosdux2022-theme .color-primary {
  color: #fecb04 !important;
  fill: #fecb04 !important;
}
.premiosdux2022-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.premiosdux2022-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.premiosdux2022-theme .primary-contrast {
  color: #000000 !important;
}
.premiosdux2022-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.premiosdux2022-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.premiosdux2022-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.premiosdux2022-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.premiosdux2022-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.premiosdux2022-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.premiosdux2022-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.premiosdux2022-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.premiosdux2022-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #ffdea4 !important;
}
.premiosdux2022-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.premiosdux2022-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .mat-checkbox-checked .mat-checkbox-background,
.premiosdux2022-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #fecb04 !important;
}
.premiosdux2022-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.premiosdux2022-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.premiosdux2022-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffe582 !important;
}
.premiosdux2022-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.premiosdux2022-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.premiosdux2022-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.premiosdux2022-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.premiosdux2022-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.premiosdux2022-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.premiosdux2022-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.premiosdux2022-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.premiosdux2022-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.premiosdux2022-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.premiosdux2022-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.premiosdux2022-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.premiosdux2022-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.premiosdux2022-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.premiosdux2022-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.premiosdux2022-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.premiosdux2022-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffdea4 !important;
}
.premiosdux2022-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffdea4 !important;
}
.premiosdux2022-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.premiosdux2022-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.premiosdux2022-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.premiosdux2022-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.premiosdux2022-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.premiosdux2022-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ffdea4 !important;
}
.premiosdux2022-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffdea4 !important;
}
.premiosdux2022-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.premiosdux2022-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.premiosdux2022-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffdea4 !important;
}
.premiosdux2022-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffdea4 !important;
}
.premiosdux2022-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffdea4 !important;
}
.premiosdux2022-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ffdea4 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.premiosdux2022-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ffdea4 !important;
}
.premiosdux2022-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #ffdea4 !important;
}
.premiosdux2022-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #000000 !important;
}
.premiosdux2022-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.premiosdux2022-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #000000 !important;
}
.premiosdux2022-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.premiosdux2022-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.premiosdux2022-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #fecb04 !important;
}
.premiosdux2022-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.premiosdux2022-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #000000;
  background-color: #fecb04 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.premiosdux2022-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.premiosdux2022-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.premiosdux2022-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.premiosdux2022-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.premiosdux2022-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.premiosdux2022-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #ffdea4 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.premiosdux2022-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #fecb04 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #fecb04 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.premiosdux2022-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #fecb04 !important;
}
.premiosdux2022-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.premiosdux2022-theme .button-text-hidden {
  display: none;
}
.casetajuan-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #111c17;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #111c17 87%, transparent);
  --mat-form-field-filled-caret-color: #111c17;
  --mat-form-field-filled-focus-active-indicator-color: #111c17;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #111c17 87%, transparent);
  --mat-form-field-outlined-caret-color: #111c17;
  --mat-form-field-outlined-focus-outline-color: #111c17;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #111c17 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #111c17;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #111c17;
  --mat-slide-toggle-selected-handle-color: #111c17;
  --mat-slide-toggle-selected-hover-state-layer-color: #111c17;
  --mat-slide-toggle-selected-pressed-state-layer-color: #111c17;
  --mat-slide-toggle-selected-focus-handle-color: #111c17;
  --mat-slide-toggle-selected-hover-handle-color: #111c17;
  --mat-slide-toggle-selected-pressed-handle-color: #111c17;
  --mat-slide-toggle-selected-focus-track-color: #58605d;
  --mat-slide-toggle-selected-hover-track-color: #58605d;
  --mat-slide-toggle-selected-pressed-track-color: #58605d;
  --mat-slide-toggle-selected-track-color: #58605d;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #111c17;
  --mat-slider-focus-handle-color: #111c17;
  --mat-slider-handle-color: #111c17;
  --mat-slider-hover-handle-color: #111c17;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #111c17 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #111c17 4%, transparent);
  --mat-slider-inactive-track-color: #111c17;
  --mat-slider-ripple-color: #111c17;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #111c17;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #58605d;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #111c17;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #111c17;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #111c17 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #111c17;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #111c17 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #111c17 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #111c17 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #111c17;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #111c17;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #111c17;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #111c17;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #111c17;
  --mat-slide-toggle-selected-handle-color: #111c17;
  --mat-slide-toggle-selected-hover-state-layer-color: #111c17;
  --mat-slide-toggle-selected-pressed-state-layer-color: #111c17;
  --mat-slide-toggle-selected-focus-handle-color: #111c17;
  --mat-slide-toggle-selected-hover-handle-color: #111c17;
  --mat-slide-toggle-selected-pressed-handle-color: #111c17;
  --mat-slide-toggle-selected-focus-track-color: #58605d;
  --mat-slide-toggle-selected-hover-track-color: #58605d;
  --mat-slide-toggle-selected-pressed-track-color: #58605d;
  --mat-slide-toggle-selected-track-color: #58605d;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.casetajuan-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.casetajuan-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.casetajuan-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #111c17;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #111c17;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.casetajuan-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.casetajuan-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.casetajuan-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #111c17;
  --mat-progress-bar-track-color: rgba(17, 28, 23, 0.25);
}
.casetajuan-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.casetajuan-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.casetajuan-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.casetajuan-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.casetajuan-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.casetajuan-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.casetajuan-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.casetajuan-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.casetajuan-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.casetajuan-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #111c17;
  --mat-chip-elevated-disabled-container-color: #111c17;
  --mat-chip-elevated-selected-container-color: #111c17;
  --mat-chip-flat-disabled-selected-container-color: #111c17;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.casetajuan-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.casetajuan-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.casetajuan-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.casetajuan-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.casetajuan-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.casetajuan-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.casetajuan-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.casetajuan-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.casetajuan-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.casetajuan-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #111c17;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #111c17;
  --mat-radio-selected-hover-icon-color: #111c17;
  --mat-radio-selected-icon-color: #111c17;
  --mat-radio-selected-pressed-icon-color: #111c17;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.casetajuan-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.casetajuan-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.casetajuan-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.casetajuan-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.casetajuan-theme .mdc-list-item__start,
.casetajuan-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #111c17;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #111c17;
  --mat-radio-selected-hover-icon-color: #111c17;
  --mat-radio-selected-icon-color: #111c17;
  --mat-radio-selected-pressed-icon-color: #111c17;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.casetajuan-theme .mat-accent .mdc-list-item__start,
.casetajuan-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.casetajuan-theme .mat-warn .mdc-list-item__start,
.casetajuan-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.casetajuan-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #111c17;
  --mat-checkbox-selected-hover-icon-color: #111c17;
  --mat-checkbox-selected-icon-color: #111c17;
  --mat-checkbox-selected-pressed-icon-color: #111c17;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #111c17;
  --mat-checkbox-selected-hover-state-layer-color: #111c17;
  --mat-checkbox-selected-pressed-state-layer-color: #111c17;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.casetajuan-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.casetajuan-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.casetajuan-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.casetajuan-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.casetajuan-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.casetajuan-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #111c17;
}
.casetajuan-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.casetajuan-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.casetajuan-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.casetajuan-theme .mdc-list-item__start,
.casetajuan-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.casetajuan-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.casetajuan-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.casetajuan-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.casetajuan-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.casetajuan-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.casetajuan-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.casetajuan-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.casetajuan-theme .mat-mdc-tab-group,
.casetajuan-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #111c17;
  --mat-tab-active-ripple-color: #111c17;
  --mat-tab-inactive-ripple-color: #111c17;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #111c17;
  --mat-tab-active-hover-label-text-color: #111c17;
  --mat-tab-active-focus-indicator-color: #111c17;
  --mat-tab-active-hover-indicator-color: #111c17;
  --mat-tab-active-indicator-color: #111c17;
}
.casetajuan-theme .mat-mdc-tab-group.mat-accent,
.casetajuan-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.casetajuan-theme .mat-mdc-tab-group.mat-warn,
.casetajuan-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.casetajuan-theme .mat-mdc-tab-group.mat-background-primary,
.casetajuan-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #111c17;
  --mat-tab-foreground-color: #ffffff;
}
.casetajuan-theme .mat-mdc-tab-group.mat-background-accent,
.casetajuan-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.casetajuan-theme .mat-mdc-tab-group.mat-background-warn,
.casetajuan-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.casetajuan-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.casetajuan-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.casetajuan-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #111c17;
  --mat-checkbox-selected-hover-icon-color: #111c17;
  --mat-checkbox-selected-icon-color: #111c17;
  --mat-checkbox-selected-pressed-icon-color: #111c17;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #111c17;
  --mat-checkbox-selected-hover-state-layer-color: #111c17;
  --mat-checkbox-selected-pressed-state-layer-color: #111c17;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.casetajuan-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.casetajuan-theme .mat-mdc-button.mat-primary,
.casetajuan-theme .mat-mdc-unelevated-button.mat-primary,
.casetajuan-theme .mat-mdc-raised-button.mat-primary,
.casetajuan-theme .mat-mdc-outlined-button.mat-primary,
.casetajuan-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #111c17;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #111c17;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #111c17 12%, transparent);
  --mat-button-outlined-state-layer-color: #111c17;
  --mat-button-protected-container-color: #111c17;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #111c17;
  --mat-button-text-ripple-color: color-mix(in srgb, #111c17 12%, transparent);
  --mat-button-text-state-layer-color: #111c17;
  --mat-button-tonal-container-color: #111c17;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.casetajuan-theme .mat-mdc-button.mat-accent,
.casetajuan-theme .mat-mdc-unelevated-button.mat-accent,
.casetajuan-theme .mat-mdc-raised-button.mat-accent,
.casetajuan-theme .mat-mdc-outlined-button.mat-accent,
.casetajuan-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.casetajuan-theme .mat-mdc-button.mat-warn,
.casetajuan-theme .mat-mdc-unelevated-button.mat-warn,
.casetajuan-theme .mat-mdc-raised-button.mat-warn,
.casetajuan-theme .mat-mdc-outlined-button.mat-warn,
.casetajuan-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.casetajuan-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #111c17;
  --mat-icon-button-state-layer-color: #111c17;
  --mat-icon-button-ripple-color: color-mix(in srgb, #111c17 12%, transparent);
}
.casetajuan-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.casetajuan-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.casetajuan-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.casetajuan-theme .mat-mdc-fab.mat-primary,
.casetajuan-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #111c17;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #111c17 12%, transparent);
  --mat-fab-small-container-color: #111c17;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.casetajuan-theme .mat-mdc-fab.mat-accent,
.casetajuan-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.casetajuan-theme .mat-mdc-fab.mat-warn,
.casetajuan-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.casetajuan-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.casetajuan-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.casetajuan-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.casetajuan-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.casetajuan-theme .mat-datepicker-content.mat-accent,
.casetajuan-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.casetajuan-theme .mat-datepicker-content.mat-warn,
.casetajuan-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.casetajuan-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.casetajuan-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.casetajuan-theme .mat-icon.mat-primary {
  --mat-icon-color: #111c17;
}
.casetajuan-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.casetajuan-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.casetajuan-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.casetajuan-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.casetajuan-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #111c17;
  --mat-toolbar-container-text-color: #ffffff;
}
.casetajuan-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.casetajuan-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.casetajuan-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.casetajuan-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.casetajuan-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.casetajuan-theme .back-container {
  color: #111c17;
}
.casetajuan-theme .back-container:hover {
  opacity: 0.54;
}
.casetajuan-theme .warn-text {
  color: #e74737;
}
.casetajuan-theme .inside-modal-title.primary-colored-title,
.casetajuan-theme .form-title.primary-colored-title {
  color: #111c17;
}
.casetajuan-theme .full-height-container form .button-container {
  background: white;
}
.casetajuan-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.casetajuan-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.casetajuan-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.casetajuan-theme .box-checkbox.active-box-checkbox {
  background-color: #111c17;
  color: white;
}
.casetajuan-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.casetajuan-theme .box-radio.active-box-radio {
  background-color: #111c17;
  color: white;
}
.casetajuan-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.casetajuan-theme .error {
  color: #e74737;
}
.casetajuan-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.casetajuan-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.casetajuan-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.casetajuan-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.casetajuan-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.casetajuan-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.casetajuan-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.casetajuan-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.casetajuan-theme .ql-snow .ql-picker-options {
  background: white;
}
.casetajuan-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.casetajuan-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.casetajuan-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.casetajuan-theme .ql-snow .ql-fill,
.casetajuan-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.casetajuan-theme .ql-snow.ql-toolbar button:hover,
.casetajuan-theme .ql-snow .ql-toolbar button:hover,
.casetajuan-theme .ql-snow.ql-toolbar button:focus,
.casetajuan-theme .ql-snow .ql-toolbar button:focus,
.casetajuan-theme .ql-snow.ql-toolbar button.ql-active,
.casetajuan-theme .ql-snow .ql-toolbar button.ql-active,
.casetajuan-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.casetajuan-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.casetajuan-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.casetajuan-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.casetajuan-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.casetajuan-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.casetajuan-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.casetajuan-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.casetajuan-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.casetajuan-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.casetajuan-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.casetajuan-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.casetajuan-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.casetajuan-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.casetajuan-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.casetajuan-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.casetajuan-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.casetajuan-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.casetajuan-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.casetajuan-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.casetajuan-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.casetajuan-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.casetajuan-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.casetajuan-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.casetajuan-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.casetajuan-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.casetajuan-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.casetajuan-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.casetajuan-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.casetajuan-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.casetajuan-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.casetajuan-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.casetajuan-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.casetajuan-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.casetajuan-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.casetajuan-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.casetajuan-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.casetajuan-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.casetajuan-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.casetajuan-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.casetajuan-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.casetajuan-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.casetajuan-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.casetajuan-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.casetajuan-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.casetajuan-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.casetajuan-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.casetajuan-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.casetajuan-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.casetajuan-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.casetajuan-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.casetajuan-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.casetajuan-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.casetajuan-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.casetajuan-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.casetajuan-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.casetajuan-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.casetajuan-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.casetajuan-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.casetajuan-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.casetajuan-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.casetajuan-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.casetajuan-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.casetajuan-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.casetajuan-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.casetajuan-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.casetajuan-theme bee-form-item {
  margin-right: 0 !important;
}
.casetajuan-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.casetajuan-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #111c17;
  height: 38px !important;
}
.casetajuan-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.casetajuan-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.casetajuan-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.casetajuan-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.casetajuan-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.casetajuan-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.casetajuan-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.casetajuan-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.casetajuan-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .casetajuan-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.casetajuan-theme .general-container .label-wrapper label {
  color: #111c17 !important;
  background-color: white;
}
.casetajuan-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.casetajuan-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.casetajuan-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.casetajuan-theme .general-container .bee-selector .bee-selector-container {
  border-color: #111c17 !important;
}
.casetajuan-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.casetajuan-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.casetajuan-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.casetajuan-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.casetajuan-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.casetajuan-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.casetajuan-theme .general-container .bee-selector .bee-selector-container:focus,
.casetajuan-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #111c17;
}
.casetajuan-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.casetajuan-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #111c17;
}
.casetajuan-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.casetajuan-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #111c17;
}
.casetajuan-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.casetajuan-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.casetajuan-theme .general-container .bee-dropdown {
  background: white;
}
.casetajuan-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #111c17;
}
.casetajuan-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.casetajuan-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.casetajuan-theme .general-container .selector-error {
  color: #e74737;
}
.casetajuan-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.casetajuan-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.casetajuan-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.casetajuan-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.casetajuan-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #111c17;
}
.casetajuan-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.casetajuan-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.casetajuan-theme .move-image-action-container:hover {
  color: #111c17;
}
.casetajuan-theme .info-icon {
  color: #111c17;
}
.casetajuan-theme .email-chip {
  color: #111c17 !important;
  background-color: rgba(17, 28, 23, 0.15) !important;
}
.casetajuan-theme .email-chip .mat-chip-remove {
  color: #111c17 !important;
  opacity: 1 !important;
}
.casetajuan-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.casetajuan-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.casetajuan-theme .mat-badge-content {
  color: #111c17 !important;
}
.casetajuan-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #111c17 !important;
}
.casetajuan-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #111c17 !important;
}
.casetajuan-theme #circle-lleno {
  background: #00e969;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.casetajuan-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.casetajuan-theme .marine-color {
  color: #0f223e !important;
}
.casetajuan-theme .primary-color {
  color: #111c17 !important;
}
.casetajuan-theme .gray-color {
  color: #C0C4CA !important;
}
.casetajuan-theme .primary-color-200 {
  color: #888e8b !important;
}
.casetajuan-theme svg.primary-fill-svg {
  fill: #111c17 !important;
}
.casetajuan-theme .primary-fill {
  fill: #111c17 !important;
}
.casetajuan-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.casetajuan-theme .primary-border-50 {
  border-color: #e2e4e3 !important;
}
.casetajuan-theme .primary-border-100 {
  border-color: #b8bbb9 !important;
}
.casetajuan-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.casetajuan-theme .transparent-border-100 {
  border-color: transparent !important;
}
.casetajuan-theme .primary-border-200 {
  border-color: #888e8b !important;
}
.casetajuan-theme .primary-indicator .mat-expansion-indicator:after {
  color: #111c17;
}
.casetajuan-theme .contrast-background {
  background-color: #ffffff !important;
}
.casetajuan-theme .primary-color-small {
  color: rgba(17, 28, 23, 0.6);
}
.casetajuan-theme .marine-background {
  background-color: #0f223e !important;
}
.casetajuan-theme .primary-background {
  background-color: #111c17 !important;
}
.casetajuan-theme .primary-background-50 {
  background-color: #e2e4e3 !important;
}
.casetajuan-theme .primary-background-200 {
  background-color: #888e8b !important;
}
.casetajuan-theme .primary-background-800 {
  background-color: #0a110d !important;
}
.casetajuan-theme .white-color {
  color: white !important;
}
.casetajuan-theme .secondary-color {
  color: #00e969 !important;
}
.casetajuan-theme .secondary-background {
  background-color: #00e969 !important;
}
.casetajuan-theme .secondary-background-semi {
  background-color: #111c17 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #111c17 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.casetajuan-theme .secondary-background-full {
  background-color: #111c17 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #111c17 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.casetajuan-theme .secondary-background-empty {
  background-color: #111c17 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #111c17 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.casetajuan-theme .secondary-border {
  background-color: #00e969 !important;
}
.casetajuan-theme .tertiary-color {
  color: #00e969 !important;
}
.casetajuan-theme button.button-tertiary {
  background-color: #00e969 !important;
  color: #111c17 !important;
  border: 1px solid #111c17 !important;
}
.casetajuan-theme span.red-text {
  color: #DB1F35 !important;
}
.casetajuan-theme .tertiary-background {
  background-color: #00e969 !important;
}
.casetajuan-theme .tertiary-border {
  border-color: #00e969 !important;
}
.casetajuan-theme .dark-background {
  background-color: black !important;
}
.casetajuan-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.casetajuan-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.casetajuan-theme .primary-soft-background {
  background-color: rgba(17, 28, 23, 0.1) !important;
}
.casetajuan-theme .primary-soft-background:hover {
  background-color: rgba(17, 28, 23, 0.15) !important;
}
.casetajuan-theme .primary-border {
  border-color: #111c17 !important;
}
.casetajuan-theme .default-background {
  background-color: #fafafa !important;
}
.casetajuan-theme .hover-primary:hover {
  color: #111c17 !important;
}
.casetajuan-theme .hover-primary-background:hover {
  background-color: #111c17 !important;
}
.casetajuan-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.casetajuan-theme .warn-color {
  color: #e74737 !important;
}
.casetajuan-theme .warn-border {
  border-color: #e74737 !important;
}
.casetajuan-theme .accent-color {
  color: #fedd93 !important;
}
.casetajuan-theme .accent-background {
  background-color: #fedd93 !important;
}
.casetajuan-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.casetajuan-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.casetajuan-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.casetajuan-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.casetajuan-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.casetajuan-theme .dialog-table tr .action-icon {
  color: transparent;
}
.casetajuan-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.casetajuan-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.casetajuan-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #111c17;
}
.casetajuan-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.casetajuan-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.casetajuan-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.casetajuan-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.casetajuan-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.casetajuan-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.casetajuan-theme .card-table tr .action-icon {
  color: transparent;
}
.casetajuan-theme .card-table tr .action-icon button {
  color: transparent;
}
.casetajuan-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.casetajuan-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.casetajuan-theme .card-table tr:hover .action-icon button {
  color: #111c17;
}
.casetajuan-theme .card-table tr:hover .action-icon:hover {
  color: #111c17;
}
.casetajuan-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.casetajuan-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.casetajuan-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.casetajuan-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.casetajuan-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #111c17;
}
.casetajuan-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.casetajuan-theme .no-hover-table tr:hover {
  background: white;
}
.casetajuan-theme .custom-standard-chip {
  background-color: rgba(17, 28, 23, 0.1) !important;
  color: #111c17 !important;
}
.casetajuan-theme .help-dashboard-card .mat-icon {
  color: #111c17;
}
.casetajuan-theme .help-dashboard-card:hover {
  background-color: #111c17;
}
.casetajuan-theme .help-dashboard-card:hover .mat-icon,
.casetajuan-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.casetajuan-theme .room-open {
  background-color: #111c17 !important;
  color: white !important;
}
.casetajuan-theme .room-open:hover {
  background-color: #111c17 !important;
  color: white !important;
}
.casetajuan-theme #public-office-page-groups .public-group-button-hover {
  background-color: #111c17 !important;
  color: white !important;
}
.casetajuan-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.casetajuan-theme .notification-container .show-tip {
  color: transparent;
}
.casetajuan-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.casetajuan-theme .notification-container:hover .show-tip {
  color: #111c17;
}
.casetajuan-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.casetajuan-theme .notification-container .notification-subject .mat-icon {
  color: #111c17;
}
.casetajuan-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.casetajuan-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.casetajuan-theme .message-container .show-tip {
  color: transparent;
}
.casetajuan-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.casetajuan-theme .message-container:hover .show-tip {
  color: #111c17;
}
.casetajuan-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.casetajuan-theme .message-container .message-subject .mat-icon {
  color: #111c17;
}
.casetajuan-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.casetajuan-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.casetajuan-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.casetajuan-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.casetajuan-theme .primary-200-outline input {
  caret-color: #888e8b;
  color: #111c17;
}
.casetajuan-theme .primary-200-outline label {
  color: #888e8b;
}
.casetajuan-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #888e8b !important;
}
.casetajuan-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #888e8b;
}
.casetajuan-theme mat-form-field .primary-outline label {
  color: #111c17 !important;
}
.casetajuan-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #111c17 !important;
}
.casetajuan-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #111c17 !important;
}
.casetajuan-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.casetajuan-theme .input-primary input {
  caret-color: #111c17;
  color: #111c17;
}
.casetajuan-theme .input-primary label {
  color: #111c17;
}
.casetajuan-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #111c17 !important;
}
.casetajuan-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.casetajuan-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #111c17;
  border-width: 1px;
}
.casetajuan-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.casetajuan-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.casetajuan-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.casetajuan-theme .boton-recarga {
  background-color: #111c17;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.casetajuan-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.casetajuan-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.casetajuan-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.casetajuan-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.casetajuan-theme .header-container button {
  padding: 0 !important;
}
.casetajuan-theme .header-container .mat-button {
  min-width: unset !important;
}
.casetajuan-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.casetajuan-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.casetajuan-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.casetajuan-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.casetajuan-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.casetajuan-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.casetajuan-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.casetajuan-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.casetajuan-theme .input-recarga-marine {
  border: 1px solid #111c17 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.casetajuan-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.casetajuan-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.casetajuan-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.casetajuan-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.casetajuan-theme .color-primary {
  color: #111c17 !important;
  fill: #111c17 !important;
}
.casetajuan-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.casetajuan-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.casetajuan-theme .primary-contrast {
  color: #ffffff !important;
}
.casetajuan-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #111c17 !important;
}
.casetajuan-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #111c17 !important;
}
.casetajuan-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.casetajuan-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #111c17 !important;
}
.casetajuan-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.casetajuan-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.casetajuan-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.casetajuan-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #111c17 !important;
}
.casetajuan-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #111c17 !important;
}
.casetajuan-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #111c17 !important;
}
.casetajuan-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #111c17 !important;
}
.casetajuan-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #111c17 !important;
}
.casetajuan-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.casetajuan-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #111c17 !important;
}
.casetajuan-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.casetajuan-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #111c17 !important;
}
.casetajuan-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.casetajuan-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.casetajuan-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #111c17 !important;
}
.casetajuan-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #00e969 !important;
}
.casetajuan-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.casetajuan-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #111c17 !important;
}
.casetajuan-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #111c17 !important;
}
.casetajuan-theme .mat-checkbox-checked .mat-checkbox-background,
.casetajuan-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #111c17 !important;
}
.casetajuan-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #111c17 !important;
}
.casetajuan-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.casetajuan-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #111c17 !important;
}
.casetajuan-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.casetajuan-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #111c17 !important;
}
.casetajuan-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #888e8b !important;
}
.casetajuan-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #111c17 !important;
}
.casetajuan-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.casetajuan-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.casetajuan-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.casetajuan-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.casetajuan-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #111c17 !important;
}
.casetajuan-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #111c17 !important;
}
.casetajuan-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #111c17 !important;
}
.casetajuan-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.casetajuan-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #111c17 !important;
}
.casetajuan-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #111c17 !important;
}
.casetajuan-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #111c17 !important;
}
.casetajuan-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.casetajuan-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.casetajuan-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #111c17 !important;
}
.casetajuan-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #111c17 !important;
}
.casetajuan-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.casetajuan-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.casetajuan-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #111c17 !important;
}
.casetajuan-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.casetajuan-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.casetajuan-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.casetajuan-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #111c17 !important;
}
.casetajuan-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.casetajuan-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #111c17 !important;
}
.casetajuan-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #111c17 !important;
}
.casetajuan-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #111c17 !important;
}
.casetajuan-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.casetajuan-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.casetajuan-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.casetajuan-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #111c17 !important;
}
.casetajuan-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #111c17 !important;
}
.casetajuan-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #00e969 !important;
}
.casetajuan-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #00e969 !important;
}
.casetajuan-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.casetajuan-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #111c17 !important;
}
.casetajuan-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #111c17 !important;
}
.casetajuan-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.casetajuan-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #111c17 !important;
}
.casetajuan-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #111c17 !important;
}
.casetajuan-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.casetajuan-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.casetajuan-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.casetajuan-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #00e969 !important;
}
.casetajuan-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #00e969 !important;
}
.casetajuan-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.casetajuan-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.casetajuan-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #00e969 !important;
}
.casetajuan-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #00e969 !important;
}
.casetajuan-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #00e969 !important;
}
.casetajuan-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #00e969 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.casetajuan-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #00e969 !important;
}
.casetajuan-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #00e969 !important;
}
.casetajuan-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #111c17 !important;
}
.casetajuan-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #111c17 !important;
}
.casetajuan-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #111c17 !important;
}
.casetajuan-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.casetajuan-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.casetajuan-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.casetajuan-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.casetajuan-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.casetajuan-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #111c17 !important;
}
.casetajuan-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #111c17 !important;
}
.casetajuan-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #111c17 !important;
}
.casetajuan-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #111c17 !important;
}
.casetajuan-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #111c17 !important;
}
.casetajuan-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #111c17 !important;
}
.casetajuan-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.casetajuan-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #111c17 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.casetajuan-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.casetajuan-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.casetajuan-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.casetajuan-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.casetajuan-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.casetajuan-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #00e969 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.casetajuan-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #111c17 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #111c17 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.casetajuan-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #111c17 !important;
}
.casetajuan-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.casetajuan-theme .button-text-hidden {
  display: none;
}
.zlive-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #1d1c21;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #1d1c21 87%, transparent);
  --mat-form-field-filled-caret-color: #1d1c21;
  --mat-form-field-filled-focus-active-indicator-color: #1d1c21;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #1d1c21 87%, transparent);
  --mat-form-field-outlined-caret-color: #1d1c21;
  --mat-form-field-outlined-focus-outline-color: #1d1c21;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #1d1c21 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #1d1c21;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #1d1c21;
  --mat-slide-toggle-selected-handle-color: #1d1c21;
  --mat-slide-toggle-selected-hover-state-layer-color: #1d1c21;
  --mat-slide-toggle-selected-pressed-state-layer-color: #1d1c21;
  --mat-slide-toggle-selected-focus-handle-color: #1d1c21;
  --mat-slide-toggle-selected-hover-handle-color: #1d1c21;
  --mat-slide-toggle-selected-pressed-handle-color: #1d1c21;
  --mat-slide-toggle-selected-focus-track-color: #616064;
  --mat-slide-toggle-selected-hover-track-color: #616064;
  --mat-slide-toggle-selected-pressed-track-color: #616064;
  --mat-slide-toggle-selected-track-color: #616064;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #1d1c21;
  --mat-slider-focus-handle-color: #1d1c21;
  --mat-slider-handle-color: #1d1c21;
  --mat-slider-hover-handle-color: #1d1c21;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #1d1c21 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #1d1c21 4%, transparent);
  --mat-slider-inactive-track-color: #1d1c21;
  --mat-slider-ripple-color: #1d1c21;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #1d1c21;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #616064;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #1d1c21;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #1d1c21;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #1d1c21 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #1d1c21;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #1d1c21 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #1d1c21 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #1d1c21 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #1d1c21;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #1d1c21;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #1d1c21;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #1d1c21;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #1d1c21;
  --mat-slide-toggle-selected-handle-color: #1d1c21;
  --mat-slide-toggle-selected-hover-state-layer-color: #1d1c21;
  --mat-slide-toggle-selected-pressed-state-layer-color: #1d1c21;
  --mat-slide-toggle-selected-focus-handle-color: #1d1c21;
  --mat-slide-toggle-selected-hover-handle-color: #1d1c21;
  --mat-slide-toggle-selected-pressed-handle-color: #1d1c21;
  --mat-slide-toggle-selected-focus-track-color: #616064;
  --mat-slide-toggle-selected-hover-track-color: #616064;
  --mat-slide-toggle-selected-pressed-track-color: #616064;
  --mat-slide-toggle-selected-track-color: #616064;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.zlive-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.zlive-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.zlive-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #1d1c21;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #1d1c21;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.zlive-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.zlive-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.zlive-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #1d1c21;
  --mat-progress-bar-track-color: rgba(29, 28, 33, 0.25);
}
.zlive-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.zlive-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.zlive-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.zlive-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.zlive-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.zlive-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.zlive-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.zlive-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.zlive-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.zlive-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #1d1c21;
  --mat-chip-elevated-disabled-container-color: #1d1c21;
  --mat-chip-elevated-selected-container-color: #1d1c21;
  --mat-chip-flat-disabled-selected-container-color: #1d1c21;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.zlive-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.zlive-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.zlive-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.zlive-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.zlive-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.zlive-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.zlive-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.zlive-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.zlive-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.zlive-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #1d1c21;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #1d1c21;
  --mat-radio-selected-hover-icon-color: #1d1c21;
  --mat-radio-selected-icon-color: #1d1c21;
  --mat-radio-selected-pressed-icon-color: #1d1c21;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.zlive-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.zlive-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.zlive-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.zlive-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.zlive-theme .mdc-list-item__start,
.zlive-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #1d1c21;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #1d1c21;
  --mat-radio-selected-hover-icon-color: #1d1c21;
  --mat-radio-selected-icon-color: #1d1c21;
  --mat-radio-selected-pressed-icon-color: #1d1c21;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.zlive-theme .mat-accent .mdc-list-item__start,
.zlive-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.zlive-theme .mat-warn .mdc-list-item__start,
.zlive-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.zlive-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #1d1c21;
  --mat-checkbox-selected-hover-icon-color: #1d1c21;
  --mat-checkbox-selected-icon-color: #1d1c21;
  --mat-checkbox-selected-pressed-icon-color: #1d1c21;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #1d1c21;
  --mat-checkbox-selected-hover-state-layer-color: #1d1c21;
  --mat-checkbox-selected-pressed-state-layer-color: #1d1c21;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.zlive-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.zlive-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.zlive-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.zlive-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.zlive-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.zlive-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #1d1c21;
}
.zlive-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.zlive-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.zlive-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.zlive-theme .mdc-list-item__start,
.zlive-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.zlive-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.zlive-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.zlive-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.zlive-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.zlive-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.zlive-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.zlive-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.zlive-theme .mat-mdc-tab-group,
.zlive-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #1d1c21;
  --mat-tab-active-ripple-color: #1d1c21;
  --mat-tab-inactive-ripple-color: #1d1c21;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #1d1c21;
  --mat-tab-active-hover-label-text-color: #1d1c21;
  --mat-tab-active-focus-indicator-color: #1d1c21;
  --mat-tab-active-hover-indicator-color: #1d1c21;
  --mat-tab-active-indicator-color: #1d1c21;
}
.zlive-theme .mat-mdc-tab-group.mat-accent,
.zlive-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.zlive-theme .mat-mdc-tab-group.mat-warn,
.zlive-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.zlive-theme .mat-mdc-tab-group.mat-background-primary,
.zlive-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #1d1c21;
  --mat-tab-foreground-color: #ffffff;
}
.zlive-theme .mat-mdc-tab-group.mat-background-accent,
.zlive-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.zlive-theme .mat-mdc-tab-group.mat-background-warn,
.zlive-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.zlive-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.zlive-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.zlive-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #1d1c21;
  --mat-checkbox-selected-hover-icon-color: #1d1c21;
  --mat-checkbox-selected-icon-color: #1d1c21;
  --mat-checkbox-selected-pressed-icon-color: #1d1c21;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #1d1c21;
  --mat-checkbox-selected-hover-state-layer-color: #1d1c21;
  --mat-checkbox-selected-pressed-state-layer-color: #1d1c21;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.zlive-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.zlive-theme .mat-mdc-button.mat-primary,
.zlive-theme .mat-mdc-unelevated-button.mat-primary,
.zlive-theme .mat-mdc-raised-button.mat-primary,
.zlive-theme .mat-mdc-outlined-button.mat-primary,
.zlive-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #1d1c21;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #1d1c21;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #1d1c21 12%, transparent);
  --mat-button-outlined-state-layer-color: #1d1c21;
  --mat-button-protected-container-color: #1d1c21;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #1d1c21;
  --mat-button-text-ripple-color: color-mix(in srgb, #1d1c21 12%, transparent);
  --mat-button-text-state-layer-color: #1d1c21;
  --mat-button-tonal-container-color: #1d1c21;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.zlive-theme .mat-mdc-button.mat-accent,
.zlive-theme .mat-mdc-unelevated-button.mat-accent,
.zlive-theme .mat-mdc-raised-button.mat-accent,
.zlive-theme .mat-mdc-outlined-button.mat-accent,
.zlive-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.zlive-theme .mat-mdc-button.mat-warn,
.zlive-theme .mat-mdc-unelevated-button.mat-warn,
.zlive-theme .mat-mdc-raised-button.mat-warn,
.zlive-theme .mat-mdc-outlined-button.mat-warn,
.zlive-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.zlive-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #1d1c21;
  --mat-icon-button-state-layer-color: #1d1c21;
  --mat-icon-button-ripple-color: color-mix(in srgb, #1d1c21 12%, transparent);
}
.zlive-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.zlive-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.zlive-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.zlive-theme .mat-mdc-fab.mat-primary,
.zlive-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #1d1c21;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #1d1c21 12%, transparent);
  --mat-fab-small-container-color: #1d1c21;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.zlive-theme .mat-mdc-fab.mat-accent,
.zlive-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.zlive-theme .mat-mdc-fab.mat-warn,
.zlive-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.zlive-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.zlive-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.zlive-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.zlive-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.zlive-theme .mat-datepicker-content.mat-accent,
.zlive-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.zlive-theme .mat-datepicker-content.mat-warn,
.zlive-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.zlive-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.zlive-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.zlive-theme .mat-icon.mat-primary {
  --mat-icon-color: #1d1c21;
}
.zlive-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.zlive-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.zlive-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.zlive-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.zlive-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #1d1c21;
  --mat-toolbar-container-text-color: #ffffff;
}
.zlive-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.zlive-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.zlive-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.zlive-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.zlive-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.zlive-theme .back-container {
  color: #1d1c21;
}
.zlive-theme .back-container:hover {
  opacity: 0.54;
}
.zlive-theme .warn-text {
  color: #e74737;
}
.zlive-theme .inside-modal-title.primary-colored-title,
.zlive-theme .form-title.primary-colored-title {
  color: #1d1c21;
}
.zlive-theme .full-height-container form .button-container {
  background: white;
}
.zlive-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.zlive-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.zlive-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.zlive-theme .box-checkbox.active-box-checkbox {
  background-color: #1d1c21;
  color: white;
}
.zlive-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.zlive-theme .box-radio.active-box-radio {
  background-color: #1d1c21;
  color: white;
}
.zlive-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.zlive-theme .error {
  color: #e74737;
}
.zlive-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.zlive-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.zlive-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.zlive-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.zlive-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.zlive-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.zlive-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.zlive-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.zlive-theme .ql-snow .ql-picker-options {
  background: white;
}
.zlive-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.zlive-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.zlive-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.zlive-theme .ql-snow .ql-fill,
.zlive-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.zlive-theme .ql-snow.ql-toolbar button:hover,
.zlive-theme .ql-snow .ql-toolbar button:hover,
.zlive-theme .ql-snow.ql-toolbar button:focus,
.zlive-theme .ql-snow .ql-toolbar button:focus,
.zlive-theme .ql-snow.ql-toolbar button.ql-active,
.zlive-theme .ql-snow .ql-toolbar button.ql-active,
.zlive-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.zlive-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.zlive-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.zlive-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.zlive-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.zlive-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.zlive-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.zlive-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.zlive-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.zlive-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.zlive-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.zlive-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.zlive-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.zlive-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.zlive-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.zlive-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.zlive-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.zlive-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.zlive-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.zlive-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.zlive-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.zlive-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.zlive-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.zlive-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.zlive-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.zlive-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.zlive-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.zlive-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.zlive-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.zlive-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.zlive-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.zlive-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.zlive-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.zlive-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.zlive-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.zlive-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.zlive-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.zlive-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.zlive-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.zlive-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.zlive-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.zlive-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.zlive-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.zlive-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.zlive-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.zlive-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.zlive-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.zlive-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.zlive-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.zlive-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.zlive-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.zlive-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.zlive-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.zlive-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.zlive-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.zlive-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.zlive-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.zlive-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.zlive-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.zlive-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.zlive-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.zlive-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.zlive-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.zlive-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.zlive-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.zlive-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.zlive-theme bee-form-item {
  margin-right: 0 !important;
}
.zlive-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.zlive-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #1d1c21;
  height: 38px !important;
}
.zlive-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.zlive-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.zlive-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.zlive-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.zlive-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.zlive-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.zlive-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.zlive-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.zlive-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .zlive-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.zlive-theme .general-container .label-wrapper label {
  color: #1d1c21 !important;
  background-color: white;
}
.zlive-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.zlive-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.zlive-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.zlive-theme .general-container .bee-selector .bee-selector-container {
  border-color: #1d1c21 !important;
}
.zlive-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.zlive-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.zlive-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.zlive-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.zlive-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.zlive-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.zlive-theme .general-container .bee-selector .bee-selector-container:focus,
.zlive-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #1d1c21;
}
.zlive-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.zlive-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #1d1c21;
}
.zlive-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.zlive-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #1d1c21;
}
.zlive-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.zlive-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.zlive-theme .general-container .bee-dropdown {
  background: white;
}
.zlive-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #1d1c21;
}
.zlive-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.zlive-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.zlive-theme .general-container .selector-error {
  color: #e74737;
}
.zlive-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.zlive-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.zlive-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.zlive-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.zlive-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #1d1c21;
}
.zlive-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.zlive-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.zlive-theme .move-image-action-container:hover {
  color: #1d1c21;
}
.zlive-theme .info-icon {
  color: #1d1c21;
}
.zlive-theme .email-chip {
  color: #1d1c21 !important;
  background-color: rgba(29, 28, 33, 0.15) !important;
}
.zlive-theme .email-chip .mat-chip-remove {
  color: #1d1c21 !important;
  opacity: 1 !important;
}
.zlive-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.zlive-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.zlive-theme .mat-badge-content {
  color: #1d1c21 !important;
}
.zlive-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #1d1c21 !important;
}
.zlive-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #1d1c21 !important;
}
.zlive-theme #circle-lleno {
  background: #a47817;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.zlive-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.zlive-theme .marine-color {
  color: #0f223e !important;
}
.zlive-theme .primary-color {
  color: #1d1c21 !important;
}
.zlive-theme .gray-color {
  color: #C0C4CA !important;
}
.zlive-theme .primary-color-200 {
  color: #8e8e90 !important;
}
.zlive-theme svg.primary-fill-svg {
  fill: #1d1c21 !important;
}
.zlive-theme .primary-fill {
  fill: #1d1c21 !important;
}
.zlive-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.zlive-theme .primary-border-50 {
  border-color: #e4e4e4 !important;
}
.zlive-theme .primary-border-100 {
  border-color: #bbbbbc !important;
}
.zlive-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.zlive-theme .transparent-border-100 {
  border-color: transparent !important;
}
.zlive-theme .primary-border-200 {
  border-color: #8e8e90 !important;
}
.zlive-theme .primary-indicator .mat-expansion-indicator:after {
  color: #1d1c21;
}
.zlive-theme .contrast-background {
  background-color: #ffffff !important;
}
.zlive-theme .primary-color-small {
  color: rgba(29, 28, 33, 0.6);
}
.zlive-theme .marine-background {
  background-color: #0f223e !important;
}
.zlive-theme .primary-background {
  background-color: #1d1c21 !important;
}
.zlive-theme .primary-background-50 {
  background-color: #e4e4e4 !important;
}
.zlive-theme .primary-background-200 {
  background-color: #8e8e90 !important;
}
.zlive-theme .primary-background-800 {
  background-color: #111114 !important;
}
.zlive-theme .white-color {
  color: white !important;
}
.zlive-theme .secondary-color {
  color: #a47817 !important;
}
.zlive-theme .secondary-background {
  background-color: #a47817 !important;
}
.zlive-theme .secondary-background-semi {
  background-color: #1d1c21 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #1d1c21 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.zlive-theme .secondary-background-full {
  background-color: #1d1c21 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #1d1c21 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.zlive-theme .secondary-background-empty {
  background-color: #1d1c21 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #1d1c21 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.zlive-theme .secondary-border {
  background-color: #a47817 !important;
}
.zlive-theme .tertiary-color {
  color: #a47817 !important;
}
.zlive-theme button.button-tertiary {
  background-color: #a47817 !important;
  color: #1d1c21 !important;
  border: 1px solid #1d1c21 !important;
}
.zlive-theme span.red-text {
  color: #DB1F35 !important;
}
.zlive-theme .tertiary-background {
  background-color: #a47817 !important;
}
.zlive-theme .tertiary-border {
  border-color: #a47817 !important;
}
.zlive-theme .dark-background {
  background-color: black !important;
}
.zlive-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.zlive-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.zlive-theme .primary-soft-background {
  background-color: rgba(29, 28, 33, 0.1) !important;
}
.zlive-theme .primary-soft-background:hover {
  background-color: rgba(29, 28, 33, 0.15) !important;
}
.zlive-theme .primary-border {
  border-color: #1d1c21 !important;
}
.zlive-theme .default-background {
  background-color: #fafafa !important;
}
.zlive-theme .hover-primary:hover {
  color: #1d1c21 !important;
}
.zlive-theme .hover-primary-background:hover {
  background-color: #1d1c21 !important;
}
.zlive-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.zlive-theme .warn-color {
  color: #e74737 !important;
}
.zlive-theme .warn-border {
  border-color: #e74737 !important;
}
.zlive-theme .accent-color {
  color: #fedd93 !important;
}
.zlive-theme .accent-background {
  background-color: #fedd93 !important;
}
.zlive-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.zlive-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.zlive-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.zlive-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.zlive-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.zlive-theme .dialog-table tr .action-icon {
  color: transparent;
}
.zlive-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.zlive-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.zlive-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #1d1c21;
}
.zlive-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.zlive-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.zlive-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.zlive-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.zlive-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.zlive-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.zlive-theme .card-table tr .action-icon {
  color: transparent;
}
.zlive-theme .card-table tr .action-icon button {
  color: transparent;
}
.zlive-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.zlive-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.zlive-theme .card-table tr:hover .action-icon button {
  color: #1d1c21;
}
.zlive-theme .card-table tr:hover .action-icon:hover {
  color: #1d1c21;
}
.zlive-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.zlive-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.zlive-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.zlive-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.zlive-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #1d1c21;
}
.zlive-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.zlive-theme .no-hover-table tr:hover {
  background: white;
}
.zlive-theme .custom-standard-chip {
  background-color: rgba(29, 28, 33, 0.1) !important;
  color: #1d1c21 !important;
}
.zlive-theme .help-dashboard-card .mat-icon {
  color: #1d1c21;
}
.zlive-theme .help-dashboard-card:hover {
  background-color: #1d1c21;
}
.zlive-theme .help-dashboard-card:hover .mat-icon,
.zlive-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.zlive-theme .room-open {
  background-color: #1d1c21 !important;
  color: white !important;
}
.zlive-theme .room-open:hover {
  background-color: #1d1c21 !important;
  color: white !important;
}
.zlive-theme #public-office-page-groups .public-group-button-hover {
  background-color: #1d1c21 !important;
  color: white !important;
}
.zlive-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.zlive-theme .notification-container .show-tip {
  color: transparent;
}
.zlive-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.zlive-theme .notification-container:hover .show-tip {
  color: #1d1c21;
}
.zlive-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.zlive-theme .notification-container .notification-subject .mat-icon {
  color: #1d1c21;
}
.zlive-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.zlive-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.zlive-theme .message-container .show-tip {
  color: transparent;
}
.zlive-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.zlive-theme .message-container:hover .show-tip {
  color: #1d1c21;
}
.zlive-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.zlive-theme .message-container .message-subject .mat-icon {
  color: #1d1c21;
}
.zlive-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.zlive-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.zlive-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.zlive-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.zlive-theme .primary-200-outline input {
  caret-color: #8e8e90;
  color: #1d1c21;
}
.zlive-theme .primary-200-outline label {
  color: #8e8e90;
}
.zlive-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #8e8e90 !important;
}
.zlive-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #8e8e90;
}
.zlive-theme mat-form-field .primary-outline label {
  color: #1d1c21 !important;
}
.zlive-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #1d1c21 !important;
}
.zlive-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #1d1c21 !important;
}
.zlive-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.zlive-theme .input-primary input {
  caret-color: #1d1c21;
  color: #1d1c21;
}
.zlive-theme .input-primary label {
  color: #1d1c21;
}
.zlive-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #1d1c21 !important;
}
.zlive-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.zlive-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #1d1c21;
  border-width: 1px;
}
.zlive-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.zlive-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.zlive-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.zlive-theme .boton-recarga {
  background-color: #1d1c21;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.zlive-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.zlive-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.zlive-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.zlive-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.zlive-theme .header-container button {
  padding: 0 !important;
}
.zlive-theme .header-container .mat-button {
  min-width: unset !important;
}
.zlive-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.zlive-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zlive-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.zlive-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.zlive-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.zlive-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.zlive-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.zlive-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.zlive-theme .input-recarga-marine {
  border: 1px solid #1d1c21 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.zlive-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.zlive-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.zlive-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.zlive-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.zlive-theme .color-primary {
  color: #1d1c21 !important;
  fill: #1d1c21 !important;
}
.zlive-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.zlive-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.zlive-theme .primary-contrast {
  color: #ffffff !important;
}
.zlive-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #1d1c21 !important;
}
.zlive-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #1d1c21 !important;
}
.zlive-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.zlive-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #1d1c21 !important;
}
.zlive-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.zlive-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.zlive-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.zlive-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #1d1c21 !important;
}
.zlive-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #1d1c21 !important;
}
.zlive-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #1d1c21 !important;
}
.zlive-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #1d1c21 !important;
}
.zlive-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #1d1c21 !important;
}
.zlive-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.zlive-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #1d1c21 !important;
}
.zlive-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.zlive-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #1d1c21 !important;
}
.zlive-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.zlive-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.zlive-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #1d1c21 !important;
}
.zlive-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #a47817 !important;
}
.zlive-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.zlive-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #1d1c21 !important;
}
.zlive-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #1d1c21 !important;
}
.zlive-theme .mat-checkbox-checked .mat-checkbox-background,
.zlive-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #1d1c21 !important;
}
.zlive-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #1d1c21 !important;
}
.zlive-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.zlive-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #1d1c21 !important;
}
.zlive-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.zlive-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #1d1c21 !important;
}
.zlive-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #8e8e90 !important;
}
.zlive-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #1d1c21 !important;
}
.zlive-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.zlive-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.zlive-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.zlive-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.zlive-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #1d1c21 !important;
}
.zlive-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #1d1c21 !important;
}
.zlive-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #1d1c21 !important;
}
.zlive-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.zlive-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #1d1c21 !important;
}
.zlive-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #1d1c21 !important;
}
.zlive-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #1d1c21 !important;
}
.zlive-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.zlive-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.zlive-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #1d1c21 !important;
}
.zlive-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #1d1c21 !important;
}
.zlive-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.zlive-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.zlive-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #1d1c21 !important;
}
.zlive-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.zlive-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.zlive-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.zlive-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #1d1c21 !important;
}
.zlive-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.zlive-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #1d1c21 !important;
}
.zlive-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #1d1c21 !important;
}
.zlive-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #1d1c21 !important;
}
.zlive-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.zlive-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.zlive-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.zlive-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #1d1c21 !important;
}
.zlive-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #1d1c21 !important;
}
.zlive-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #a47817 !important;
}
.zlive-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #a47817 !important;
}
.zlive-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.zlive-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #1d1c21 !important;
}
.zlive-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #1d1c21 !important;
}
.zlive-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.zlive-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #1d1c21 !important;
}
.zlive-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #1d1c21 !important;
}
.zlive-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.zlive-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.zlive-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.zlive-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #a47817 !important;
}
.zlive-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #a47817 !important;
}
.zlive-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.zlive-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.zlive-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #a47817 !important;
}
.zlive-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #a47817 !important;
}
.zlive-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #a47817 !important;
}
.zlive-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #a47817 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.zlive-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #a47817 !important;
}
.zlive-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #a47817 !important;
}
.zlive-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #1d1c21 !important;
}
.zlive-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #1d1c21 !important;
}
.zlive-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #1d1c21 !important;
}
.zlive-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.zlive-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.zlive-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.zlive-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.zlive-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.zlive-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #1d1c21 !important;
}
.zlive-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #1d1c21 !important;
}
.zlive-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #1d1c21 !important;
}
.zlive-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #1d1c21 !important;
}
.zlive-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #1d1c21 !important;
}
.zlive-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #1d1c21 !important;
}
.zlive-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.zlive-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #1d1c21 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.zlive-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.zlive-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.zlive-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.zlive-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.zlive-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.zlive-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #a47817 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.zlive-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #1d1c21 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #1d1c21 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.zlive-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #1d1c21 !important;
}
.zlive-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.zlive-theme .button-text-hidden {
  display: none;
}
.segorock-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #000000;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #000000 87%, transparent);
  --mat-form-field-filled-caret-color: #000000;
  --mat-form-field-filled-focus-active-indicator-color: #000000;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #000000 87%, transparent);
  --mat-form-field-outlined-caret-color: #000000;
  --mat-form-field-outlined-focus-outline-color: #000000;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #000000 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #000000;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #000000;
  --mat-slide-toggle-selected-handle-color: #000000;
  --mat-slide-toggle-selected-hover-state-layer-color: #000000;
  --mat-slide-toggle-selected-pressed-state-layer-color: #000000;
  --mat-slide-toggle-selected-focus-handle-color: #000000;
  --mat-slide-toggle-selected-hover-handle-color: #000000;
  --mat-slide-toggle-selected-pressed-handle-color: #000000;
  --mat-slide-toggle-selected-focus-track-color: #4d4d4d;
  --mat-slide-toggle-selected-hover-track-color: #4d4d4d;
  --mat-slide-toggle-selected-pressed-track-color: #4d4d4d;
  --mat-slide-toggle-selected-track-color: #4d4d4d;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #000000;
  --mat-slider-focus-handle-color: #000000;
  --mat-slider-handle-color: #000000;
  --mat-slider-hover-handle-color: #000000;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #000000 4%, transparent);
  --mat-slider-inactive-track-color: #000000;
  --mat-slider-ripple-color: #000000;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #000000;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #4d4d4d;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #000000;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #000000;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #000000 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #000000;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #000000 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #000000 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #000000;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #000000;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #000000;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #000000;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #000000;
  --mat-slide-toggle-selected-handle-color: #000000;
  --mat-slide-toggle-selected-hover-state-layer-color: #000000;
  --mat-slide-toggle-selected-pressed-state-layer-color: #000000;
  --mat-slide-toggle-selected-focus-handle-color: #000000;
  --mat-slide-toggle-selected-hover-handle-color: #000000;
  --mat-slide-toggle-selected-pressed-handle-color: #000000;
  --mat-slide-toggle-selected-focus-track-color: #4d4d4d;
  --mat-slide-toggle-selected-hover-track-color: #4d4d4d;
  --mat-slide-toggle-selected-pressed-track-color: #4d4d4d;
  --mat-slide-toggle-selected-track-color: #4d4d4d;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.segorock-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.segorock-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.segorock-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #000000;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #000000;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.segorock-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.segorock-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.segorock-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #000000;
  --mat-progress-bar-track-color: rgba(0, 0, 0, 0.25);
}
.segorock-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.segorock-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.segorock-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.segorock-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.segorock-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.segorock-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.segorock-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.segorock-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.segorock-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.segorock-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #000000;
  --mat-chip-elevated-disabled-container-color: #000000;
  --mat-chip-elevated-selected-container-color: #000000;
  --mat-chip-flat-disabled-selected-container-color: #000000;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.segorock-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.segorock-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.segorock-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.segorock-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.segorock-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.segorock-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.segorock-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.segorock-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.segorock-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.segorock-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #000000;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #000000;
  --mat-radio-selected-hover-icon-color: #000000;
  --mat-radio-selected-icon-color: #000000;
  --mat-radio-selected-pressed-icon-color: #000000;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.segorock-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.segorock-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.segorock-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.segorock-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.segorock-theme .mdc-list-item__start,
.segorock-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #000000;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #000000;
  --mat-radio-selected-hover-icon-color: #000000;
  --mat-radio-selected-icon-color: #000000;
  --mat-radio-selected-pressed-icon-color: #000000;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.segorock-theme .mat-accent .mdc-list-item__start,
.segorock-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.segorock-theme .mat-warn .mdc-list-item__start,
.segorock-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.segorock-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #000000;
  --mat-checkbox-selected-hover-icon-color: #000000;
  --mat-checkbox-selected-icon-color: #000000;
  --mat-checkbox-selected-pressed-icon-color: #000000;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #000000;
  --mat-checkbox-selected-hover-state-layer-color: #000000;
  --mat-checkbox-selected-pressed-state-layer-color: #000000;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.segorock-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.segorock-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.segorock-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.segorock-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.segorock-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.segorock-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #000000;
}
.segorock-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.segorock-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.segorock-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.segorock-theme .mdc-list-item__start,
.segorock-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.segorock-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.segorock-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.segorock-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.segorock-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.segorock-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.segorock-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.segorock-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.segorock-theme .mat-mdc-tab-group,
.segorock-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #000000;
  --mat-tab-active-ripple-color: #000000;
  --mat-tab-inactive-ripple-color: #000000;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #000000;
  --mat-tab-active-hover-label-text-color: #000000;
  --mat-tab-active-focus-indicator-color: #000000;
  --mat-tab-active-hover-indicator-color: #000000;
  --mat-tab-active-indicator-color: #000000;
}
.segorock-theme .mat-mdc-tab-group.mat-accent,
.segorock-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.segorock-theme .mat-mdc-tab-group.mat-warn,
.segorock-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.segorock-theme .mat-mdc-tab-group.mat-background-primary,
.segorock-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #000000;
  --mat-tab-foreground-color: #ffffff;
}
.segorock-theme .mat-mdc-tab-group.mat-background-accent,
.segorock-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.segorock-theme .mat-mdc-tab-group.mat-background-warn,
.segorock-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.segorock-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.segorock-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.segorock-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #000000;
  --mat-checkbox-selected-hover-icon-color: #000000;
  --mat-checkbox-selected-icon-color: #000000;
  --mat-checkbox-selected-pressed-icon-color: #000000;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #000000;
  --mat-checkbox-selected-hover-state-layer-color: #000000;
  --mat-checkbox-selected-pressed-state-layer-color: #000000;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.segorock-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.segorock-theme .mat-mdc-button.mat-primary,
.segorock-theme .mat-mdc-unelevated-button.mat-primary,
.segorock-theme .mat-mdc-raised-button.mat-primary,
.segorock-theme .mat-mdc-outlined-button.mat-primary,
.segorock-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #000000;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #000000;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-outlined-state-layer-color: #000000;
  --mat-button-protected-container-color: #000000;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #000000;
  --mat-button-text-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-text-state-layer-color: #000000;
  --mat-button-tonal-container-color: #000000;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.segorock-theme .mat-mdc-button.mat-accent,
.segorock-theme .mat-mdc-unelevated-button.mat-accent,
.segorock-theme .mat-mdc-raised-button.mat-accent,
.segorock-theme .mat-mdc-outlined-button.mat-accent,
.segorock-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.segorock-theme .mat-mdc-button.mat-warn,
.segorock-theme .mat-mdc-unelevated-button.mat-warn,
.segorock-theme .mat-mdc-raised-button.mat-warn,
.segorock-theme .mat-mdc-outlined-button.mat-warn,
.segorock-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.segorock-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #000000;
  --mat-icon-button-state-layer-color: #000000;
  --mat-icon-button-ripple-color: color-mix(in srgb, #000000 12%, transparent);
}
.segorock-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.segorock-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.segorock-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.segorock-theme .mat-mdc-fab.mat-primary,
.segorock-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #000000;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-container-color: #000000;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.segorock-theme .mat-mdc-fab.mat-accent,
.segorock-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.segorock-theme .mat-mdc-fab.mat-warn,
.segorock-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.segorock-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.segorock-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.segorock-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.segorock-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.segorock-theme .mat-datepicker-content.mat-accent,
.segorock-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.segorock-theme .mat-datepicker-content.mat-warn,
.segorock-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.segorock-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.segorock-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.segorock-theme .mat-icon.mat-primary {
  --mat-icon-color: #000000;
}
.segorock-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.segorock-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.segorock-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.segorock-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.segorock-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #000000;
  --mat-toolbar-container-text-color: #ffffff;
}
.segorock-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.segorock-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.segorock-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.segorock-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.segorock-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.segorock-theme .back-container {
  color: #000000;
}
.segorock-theme .back-container:hover {
  opacity: 0.54;
}
.segorock-theme .warn-text {
  color: #e74737;
}
.segorock-theme .inside-modal-title.primary-colored-title,
.segorock-theme .form-title.primary-colored-title {
  color: #000000;
}
.segorock-theme .full-height-container form .button-container {
  background: white;
}
.segorock-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.segorock-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.segorock-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.segorock-theme .box-checkbox.active-box-checkbox {
  background-color: #000000;
  color: white;
}
.segorock-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.segorock-theme .box-radio.active-box-radio {
  background-color: #000000;
  color: white;
}
.segorock-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.segorock-theme .error {
  color: #e74737;
}
.segorock-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.segorock-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.segorock-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.segorock-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.segorock-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.segorock-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.segorock-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.segorock-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.segorock-theme .ql-snow .ql-picker-options {
  background: white;
}
.segorock-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.segorock-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.segorock-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.segorock-theme .ql-snow .ql-fill,
.segorock-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.segorock-theme .ql-snow.ql-toolbar button:hover,
.segorock-theme .ql-snow .ql-toolbar button:hover,
.segorock-theme .ql-snow.ql-toolbar button:focus,
.segorock-theme .ql-snow .ql-toolbar button:focus,
.segorock-theme .ql-snow.ql-toolbar button.ql-active,
.segorock-theme .ql-snow .ql-toolbar button.ql-active,
.segorock-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.segorock-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.segorock-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.segorock-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.segorock-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.segorock-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.segorock-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.segorock-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.segorock-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.segorock-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.segorock-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.segorock-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.segorock-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.segorock-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.segorock-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.segorock-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.segorock-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.segorock-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.segorock-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.segorock-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.segorock-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.segorock-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.segorock-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.segorock-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.segorock-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.segorock-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.segorock-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.segorock-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.segorock-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.segorock-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.segorock-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.segorock-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.segorock-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.segorock-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.segorock-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.segorock-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.segorock-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.segorock-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.segorock-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.segorock-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.segorock-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.segorock-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.segorock-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.segorock-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.segorock-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.segorock-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.segorock-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.segorock-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.segorock-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.segorock-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.segorock-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.segorock-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.segorock-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.segorock-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.segorock-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.segorock-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.segorock-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.segorock-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.segorock-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.segorock-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.segorock-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.segorock-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.segorock-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.segorock-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.segorock-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.segorock-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.segorock-theme bee-form-item {
  margin-right: 0 !important;
}
.segorock-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.segorock-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #000000;
  height: 38px !important;
}
.segorock-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.segorock-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.segorock-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.segorock-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.segorock-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.segorock-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.segorock-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.segorock-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.segorock-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .segorock-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.segorock-theme .general-container .label-wrapper label {
  color: #000000 !important;
  background-color: white;
}
.segorock-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.segorock-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.segorock-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.segorock-theme .general-container .bee-selector .bee-selector-container {
  border-color: #000000 !important;
}
.segorock-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.segorock-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.segorock-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.segorock-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.segorock-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.segorock-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.segorock-theme .general-container .bee-selector .bee-selector-container:focus,
.segorock-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #000000;
}
.segorock-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.segorock-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #000000;
}
.segorock-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.segorock-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #000000;
}
.segorock-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.segorock-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.segorock-theme .general-container .bee-dropdown {
  background: white;
}
.segorock-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #000000;
}
.segorock-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.segorock-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.segorock-theme .general-container .selector-error {
  color: #e74737;
}
.segorock-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.segorock-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.segorock-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.segorock-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.segorock-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #000000;
}
.segorock-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.segorock-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.segorock-theme .move-image-action-container:hover {
  color: #000000;
}
.segorock-theme .info-icon {
  color: #000000;
}
.segorock-theme .email-chip {
  color: #000000 !important;
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.segorock-theme .email-chip .mat-chip-remove {
  color: #000000 !important;
  opacity: 1 !important;
}
.segorock-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.segorock-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.segorock-theme .mat-badge-content {
  color: #000000 !important;
}
.segorock-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #000000 !important;
}
.segorock-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #000000 !important;
}
.segorock-theme #circle-lleno {
  background: #dcad61;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.segorock-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.segorock-theme .marine-color {
  color: #0f223e !important;
}
.segorock-theme .primary-color {
  color: #000000 !important;
}
.segorock-theme .gray-color {
  color: #C0C4CA !important;
}
.segorock-theme .primary-color-200 {
  color: #808080 !important;
}
.segorock-theme svg.primary-fill-svg {
  fill: #000000 !important;
}
.segorock-theme .primary-fill {
  fill: #000000 !important;
}
.segorock-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.segorock-theme .primary-border-50 {
  border-color: #e0e0e0 !important;
}
.segorock-theme .primary-border-100 {
  border-color: #b3b3b3 !important;
}
.segorock-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.segorock-theme .transparent-border-100 {
  border-color: transparent !important;
}
.segorock-theme .primary-border-200 {
  border-color: #808080 !important;
}
.segorock-theme .primary-indicator .mat-expansion-indicator:after {
  color: #000000;
}
.segorock-theme .contrast-background {
  background-color: #ffffff !important;
}
.segorock-theme .primary-color-small {
  color: rgba(0, 0, 0, 0.6);
}
.segorock-theme .marine-background {
  background-color: #0f223e !important;
}
.segorock-theme .primary-background {
  background-color: #000000 !important;
}
.segorock-theme .primary-background-50 {
  background-color: #e0e0e0 !important;
}
.segorock-theme .primary-background-200 {
  background-color: #808080 !important;
}
.segorock-theme .primary-background-800 {
  background-color: #000000 !important;
}
.segorock-theme .white-color {
  color: white !important;
}
.segorock-theme .secondary-color {
  color: #dcad61 !important;
}
.segorock-theme .secondary-background {
  background-color: #dcad61 !important;
}
.segorock-theme .secondary-background-semi {
  background-color: #000000 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #000000 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.segorock-theme .secondary-background-full {
  background-color: #000000 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #000000 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.segorock-theme .secondary-background-empty {
  background-color: #000000 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #000000 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.segorock-theme .secondary-border {
  background-color: #dcad61 !important;
}
.segorock-theme .tertiary-color {
  color: #dcad61 !important;
}
.segorock-theme button.button-tertiary {
  background-color: #dcad61 !important;
  color: #000000 !important;
  border: 1px solid #000000 !important;
}
.segorock-theme span.red-text {
  color: #DB1F35 !important;
}
.segorock-theme .tertiary-background {
  background-color: #dcad61 !important;
}
.segorock-theme .tertiary-border {
  border-color: #dcad61 !important;
}
.segorock-theme .dark-background {
  background-color: black !important;
}
.segorock-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.segorock-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.segorock-theme .primary-soft-background {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.segorock-theme .primary-soft-background:hover {
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.segorock-theme .primary-border {
  border-color: #000000 !important;
}
.segorock-theme .default-background {
  background-color: #fafafa !important;
}
.segorock-theme .hover-primary:hover {
  color: #000000 !important;
}
.segorock-theme .hover-primary-background:hover {
  background-color: #000000 !important;
}
.segorock-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.segorock-theme .warn-color {
  color: #e74737 !important;
}
.segorock-theme .warn-border {
  border-color: #e74737 !important;
}
.segorock-theme .accent-color {
  color: #fedd93 !important;
}
.segorock-theme .accent-background {
  background-color: #fedd93 !important;
}
.segorock-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.segorock-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.segorock-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.segorock-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.segorock-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.segorock-theme .dialog-table tr .action-icon {
  color: transparent;
}
.segorock-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.segorock-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.segorock-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #000000;
}
.segorock-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.segorock-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.segorock-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.segorock-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.segorock-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.segorock-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.segorock-theme .card-table tr .action-icon {
  color: transparent;
}
.segorock-theme .card-table tr .action-icon button {
  color: transparent;
}
.segorock-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.segorock-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.segorock-theme .card-table tr:hover .action-icon button {
  color: #000000;
}
.segorock-theme .card-table tr:hover .action-icon:hover {
  color: #000000;
}
.segorock-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.segorock-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.segorock-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.segorock-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.segorock-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #000000;
}
.segorock-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.segorock-theme .no-hover-table tr:hover {
  background: white;
}
.segorock-theme .custom-standard-chip {
  background-color: rgba(0, 0, 0, 0.1) !important;
  color: #000000 !important;
}
.segorock-theme .help-dashboard-card .mat-icon {
  color: #000000;
}
.segorock-theme .help-dashboard-card:hover {
  background-color: #000000;
}
.segorock-theme .help-dashboard-card:hover .mat-icon,
.segorock-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.segorock-theme .room-open {
  background-color: #000000 !important;
  color: white !important;
}
.segorock-theme .room-open:hover {
  background-color: #000000 !important;
  color: white !important;
}
.segorock-theme #public-office-page-groups .public-group-button-hover {
  background-color: #000000 !important;
  color: white !important;
}
.segorock-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.segorock-theme .notification-container .show-tip {
  color: transparent;
}
.segorock-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.segorock-theme .notification-container:hover .show-tip {
  color: #000000;
}
.segorock-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.segorock-theme .notification-container .notification-subject .mat-icon {
  color: #000000;
}
.segorock-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.segorock-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.segorock-theme .message-container .show-tip {
  color: transparent;
}
.segorock-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.segorock-theme .message-container:hover .show-tip {
  color: #000000;
}
.segorock-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.segorock-theme .message-container .message-subject .mat-icon {
  color: #000000;
}
.segorock-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.segorock-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.segorock-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.segorock-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.segorock-theme .primary-200-outline input {
  caret-color: #808080;
  color: #000000;
}
.segorock-theme .primary-200-outline label {
  color: #808080;
}
.segorock-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #808080 !important;
}
.segorock-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #808080;
}
.segorock-theme mat-form-field .primary-outline label {
  color: #000000 !important;
}
.segorock-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #000000 !important;
}
.segorock-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #000000 !important;
}
.segorock-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.segorock-theme .input-primary input {
  caret-color: #000000;
  color: #000000;
}
.segorock-theme .input-primary label {
  color: #000000;
}
.segorock-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #000000 !important;
}
.segorock-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.segorock-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #000000;
  border-width: 1px;
}
.segorock-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.segorock-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.segorock-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.segorock-theme .boton-recarga {
  background-color: #000000;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.segorock-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.segorock-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.segorock-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.segorock-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.segorock-theme .header-container button {
  padding: 0 !important;
}
.segorock-theme .header-container .mat-button {
  min-width: unset !important;
}
.segorock-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.segorock-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.segorock-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.segorock-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.segorock-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.segorock-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.segorock-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.segorock-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.segorock-theme .input-recarga-marine {
  border: 1px solid #000000 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.segorock-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.segorock-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.segorock-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.segorock-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.segorock-theme .color-primary {
  color: #000000 !important;
  fill: #000000 !important;
}
.segorock-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.segorock-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.segorock-theme .primary-contrast {
  color: #ffffff !important;
}
.segorock-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.segorock-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.segorock-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.segorock-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.segorock-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.segorock-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.segorock-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.segorock-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.segorock-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.segorock-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.segorock-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.segorock-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.segorock-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.segorock-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.segorock-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.segorock-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.segorock-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.segorock-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.segorock-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.segorock-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #dcad61 !important;
}
.segorock-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.segorock-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.segorock-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #000000 !important;
}
.segorock-theme .mat-checkbox-checked .mat-checkbox-background,
.segorock-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #000000 !important;
}
.segorock-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.segorock-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.segorock-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.segorock-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.segorock-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.segorock-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #808080 !important;
}
.segorock-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.segorock-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.segorock-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.segorock-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.segorock-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.segorock-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.segorock-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.segorock-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.segorock-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.segorock-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.segorock-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.segorock-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.segorock-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.segorock-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.segorock-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.segorock-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.segorock-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.segorock-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.segorock-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.segorock-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.segorock-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.segorock-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.segorock-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.segorock-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.segorock-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.segorock-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.segorock-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.segorock-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.segorock-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.segorock-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.segorock-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #000000 !important;
}
.segorock-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.segorock-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #dcad61 !important;
}
.segorock-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #dcad61 !important;
}
.segorock-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.segorock-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.segorock-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.segorock-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.segorock-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.segorock-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.segorock-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.segorock-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.segorock-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.segorock-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #dcad61 !important;
}
.segorock-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #dcad61 !important;
}
.segorock-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.segorock-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.segorock-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #dcad61 !important;
}
.segorock-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #dcad61 !important;
}
.segorock-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #dcad61 !important;
}
.segorock-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #dcad61 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.segorock-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #dcad61 !important;
}
.segorock-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #dcad61 !important;
}
.segorock-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #000000 !important;
}
.segorock-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #000000 !important;
}
.segorock-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #000000 !important;
}
.segorock-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.segorock-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.segorock-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.segorock-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.segorock-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.segorock-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #000000 !important;
}
.segorock-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #000000 !important;
}
.segorock-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #000000 !important;
}
.segorock-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #000000 !important;
}
.segorock-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #000000 !important;
}
.segorock-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #000000 !important;
}
.segorock-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.segorock-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #000000 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.segorock-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.segorock-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.segorock-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.segorock-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.segorock-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.segorock-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #dcad61 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.segorock-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #000000 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #000000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.segorock-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #000000 !important;
}
.segorock-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.segorock-theme .button-text-hidden {
  display: none;
}
.dcanela-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #e13079;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e13079 87%, transparent);
  --mat-form-field-filled-caret-color: #e13079;
  --mat-form-field-filled-focus-active-indicator-color: #e13079;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e13079 87%, transparent);
  --mat-form-field-outlined-caret-color: #e13079;
  --mat-form-field-outlined-focus-outline-color: #e13079;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e13079 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #185a7d;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #185a7d;
  --mat-form-field-filled-error-focus-label-text-color: #185a7d;
  --mat-form-field-filled-error-label-text-color: #185a7d;
  --mat-form-field-filled-error-caret-color: #185a7d;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #185a7d;
  --mat-form-field-filled-error-focus-active-indicator-color: #185a7d;
  --mat-form-field-filled-error-hover-active-indicator-color: #185a7d;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #185a7d;
  --mat-form-field-outlined-error-focus-label-text-color: #185a7d;
  --mat-form-field-outlined-error-label-text-color: #185a7d;
  --mat-form-field-outlined-error-hover-label-text-color: #185a7d;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #185a7d;
  --mat-form-field-outlined-error-hover-outline-color: #185a7d;
  --mat-form-field-outlined-error-outline-color: #185a7d;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e13079;
  --mat-select-invalid-arrow-color: #185a7d;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e13079;
  --mat-slide-toggle-selected-handle-color: #e13079;
  --mat-slide-toggle-selected-hover-state-layer-color: #e13079;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e13079;
  --mat-slide-toggle-selected-focus-handle-color: #e13079;
  --mat-slide-toggle-selected-hover-handle-color: #e13079;
  --mat-slide-toggle-selected-pressed-handle-color: #e13079;
  --mat-slide-toggle-selected-focus-track-color: #ea6ea1;
  --mat-slide-toggle-selected-hover-track-color: #ea6ea1;
  --mat-slide-toggle-selected-pressed-track-color: #ea6ea1;
  --mat-slide-toggle-selected-track-color: #ea6ea1;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #e13079;
  --mat-slider-focus-handle-color: #e13079;
  --mat-slider-handle-color: #e13079;
  --mat-slider-hover-handle-color: #e13079;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e13079 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e13079 4%, transparent);
  --mat-slider-inactive-track-color: #e13079;
  --mat-slider-ripple-color: #e13079;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e13079;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #ea6ea1;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #e13079;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #e13079;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e13079 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e13079;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e13079 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e13079 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e13079 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e13079;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e13079;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e13079;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e13079;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #185a7d;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #185a7d;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e13079;
  --mat-slide-toggle-selected-handle-color: #e13079;
  --mat-slide-toggle-selected-hover-state-layer-color: #e13079;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e13079;
  --mat-slide-toggle-selected-focus-handle-color: #e13079;
  --mat-slide-toggle-selected-hover-handle-color: #e13079;
  --mat-slide-toggle-selected-pressed-handle-color: #e13079;
  --mat-slide-toggle-selected-focus-track-color: #ea6ea1;
  --mat-slide-toggle-selected-hover-track-color: #ea6ea1;
  --mat-slide-toggle-selected-pressed-track-color: #ea6ea1;
  --mat-slide-toggle-selected-track-color: #ea6ea1;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.dcanela-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.dcanela-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #185a7d;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.dcanela-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #e13079;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e13079;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.dcanela-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.dcanela-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #185a7d;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #185a7d;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.dcanela-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #e13079;
  --mat-progress-bar-track-color: rgba(225, 48, 121, 0.25);
}
.dcanela-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.dcanela-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #185a7d;
  --mat-progress-bar-track-color: rgba(24, 90, 125, 0.25);
}
.dcanela-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.dcanela-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #185a7d 87%, transparent);
  --mat-form-field-filled-caret-color: #185a7d;
  --mat-form-field-filled-focus-active-indicator-color: #185a7d;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #185a7d 87%, transparent);
  --mat-form-field-outlined-caret-color: #185a7d;
  --mat-form-field-outlined-focus-outline-color: #185a7d;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #185a7d 87%, transparent);
}
.dcanela-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #185a7d;
}
.dcanela-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #185a7d;
  --mat-select-invalid-arrow-color: #185a7d;
}
.dcanela-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.dcanela-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.dcanela-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.dcanela-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e13079;
  --mat-chip-elevated-disabled-container-color: #e13079;
  --mat-chip-elevated-selected-container-color: #e13079;
  --mat-chip-flat-disabled-selected-container-color: #e13079;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.dcanela-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.dcanela-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.dcanela-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.dcanela-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #185a7d;
  --mat-chip-elevated-disabled-container-color: #185a7d;
  --mat-chip-elevated-selected-container-color: #185a7d;
  --mat-chip-flat-disabled-selected-container-color: #185a7d;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.dcanela-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.dcanela-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.dcanela-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.dcanela-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #185a7d;
  --mat-slide-toggle-selected-handle-color: #185a7d;
  --mat-slide-toggle-selected-hover-state-layer-color: #185a7d;
  --mat-slide-toggle-selected-pressed-state-layer-color: #185a7d;
  --mat-slide-toggle-selected-focus-handle-color: #185a7d;
  --mat-slide-toggle-selected-hover-handle-color: #185a7d;
  --mat-slide-toggle-selected-pressed-handle-color: #185a7d;
  --mat-slide-toggle-selected-focus-track-color: #5d8ca4;
  --mat-slide-toggle-selected-hover-track-color: #5d8ca4;
  --mat-slide-toggle-selected-pressed-track-color: #5d8ca4;
  --mat-slide-toggle-selected-track-color: #5d8ca4;
}
.dcanela-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.dcanela-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #e13079;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e13079;
  --mat-radio-selected-hover-icon-color: #e13079;
  --mat-radio-selected-icon-color: #e13079;
  --mat-radio-selected-pressed-icon-color: #e13079;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.dcanela-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.dcanela-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #185a7d;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #185a7d;
  --mat-radio-selected-hover-icon-color: #185a7d;
  --mat-radio-selected-icon-color: #185a7d;
  --mat-radio-selected-pressed-icon-color: #185a7d;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.dcanela-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.dcanela-theme .mat-warn {
  --mat-slider-active-track-color: #185a7d;
  --mat-slider-focus-handle-color: #185a7d;
  --mat-slider-handle-color: #185a7d;
  --mat-slider-hover-handle-color: #185a7d;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #185a7d 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #185a7d 4%, transparent);
  --mat-slider-inactive-track-color: #185a7d;
  --mat-slider-ripple-color: #185a7d;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #185a7d;
}
.dcanela-theme .mdc-list-item__start,
.dcanela-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e13079;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e13079;
  --mat-radio-selected-hover-icon-color: #e13079;
  --mat-radio-selected-icon-color: #e13079;
  --mat-radio-selected-pressed-icon-color: #e13079;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.dcanela-theme .mat-accent .mdc-list-item__start,
.dcanela-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.dcanela-theme .mat-warn .mdc-list-item__start,
.dcanela-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #185a7d;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #185a7d;
  --mat-radio-selected-hover-icon-color: #185a7d;
  --mat-radio-selected-icon-color: #185a7d;
  --mat-radio-selected-pressed-icon-color: #185a7d;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.dcanela-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e13079;
  --mat-checkbox-selected-hover-icon-color: #e13079;
  --mat-checkbox-selected-icon-color: #e13079;
  --mat-checkbox-selected-pressed-icon-color: #e13079;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e13079;
  --mat-checkbox-selected-hover-state-layer-color: #e13079;
  --mat-checkbox-selected-pressed-state-layer-color: #e13079;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.dcanela-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.dcanela-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #185a7d;
  --mat-checkbox-selected-hover-icon-color: #185a7d;
  --mat-checkbox-selected-icon-color: #185a7d;
  --mat-checkbox-selected-pressed-icon-color: #185a7d;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #185a7d;
  --mat-checkbox-selected-hover-state-layer-color: #185a7d;
  --mat-checkbox-selected-pressed-state-layer-color: #185a7d;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.dcanela-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.dcanela-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.dcanela-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.dcanela-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #e13079;
}
.dcanela-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.dcanela-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.dcanela-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.dcanela-theme .mdc-list-item__start,
.dcanela-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.dcanela-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.dcanela-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.dcanela-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.dcanela-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.dcanela-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.dcanela-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.dcanela-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.dcanela-theme .mat-mdc-tab-group,
.dcanela-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e13079;
  --mat-tab-active-ripple-color: #e13079;
  --mat-tab-inactive-ripple-color: #e13079;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e13079;
  --mat-tab-active-hover-label-text-color: #e13079;
  --mat-tab-active-focus-indicator-color: #e13079;
  --mat-tab-active-hover-indicator-color: #e13079;
  --mat-tab-active-indicator-color: #e13079;
}
.dcanela-theme .mat-mdc-tab-group.mat-accent,
.dcanela-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.dcanela-theme .mat-mdc-tab-group.mat-warn,
.dcanela-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #185a7d;
  --mat-tab-active-ripple-color: #185a7d;
  --mat-tab-inactive-ripple-color: #185a7d;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #185a7d;
  --mat-tab-active-hover-label-text-color: #185a7d;
  --mat-tab-active-focus-indicator-color: #185a7d;
  --mat-tab-active-hover-indicator-color: #185a7d;
  --mat-tab-active-indicator-color: #185a7d;
}
.dcanela-theme .mat-mdc-tab-group.mat-background-primary,
.dcanela-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #e13079;
  --mat-tab-foreground-color: #ffffff;
}
.dcanela-theme .mat-mdc-tab-group.mat-background-accent,
.dcanela-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.dcanela-theme .mat-mdc-tab-group.mat-background-warn,
.dcanela-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #185a7d;
  --mat-tab-foreground-color: #ffffff;
}
.dcanela-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.dcanela-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.dcanela-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e13079;
  --mat-checkbox-selected-hover-icon-color: #e13079;
  --mat-checkbox-selected-icon-color: #e13079;
  --mat-checkbox-selected-pressed-icon-color: #e13079;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e13079;
  --mat-checkbox-selected-hover-state-layer-color: #e13079;
  --mat-checkbox-selected-pressed-state-layer-color: #e13079;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.dcanela-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #185a7d;
  --mat-checkbox-selected-hover-icon-color: #185a7d;
  --mat-checkbox-selected-icon-color: #185a7d;
  --mat-checkbox-selected-pressed-icon-color: #185a7d;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #185a7d;
  --mat-checkbox-selected-hover-state-layer-color: #185a7d;
  --mat-checkbox-selected-pressed-state-layer-color: #185a7d;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.dcanela-theme .mat-mdc-button.mat-primary,
.dcanela-theme .mat-mdc-unelevated-button.mat-primary,
.dcanela-theme .mat-mdc-raised-button.mat-primary,
.dcanela-theme .mat-mdc-outlined-button.mat-primary,
.dcanela-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #e13079;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e13079;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e13079 12%, transparent);
  --mat-button-outlined-state-layer-color: #e13079;
  --mat-button-protected-container-color: #e13079;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e13079;
  --mat-button-text-ripple-color: color-mix(in srgb, #e13079 12%, transparent);
  --mat-button-text-state-layer-color: #e13079;
  --mat-button-tonal-container-color: #e13079;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.dcanela-theme .mat-mdc-button.mat-accent,
.dcanela-theme .mat-mdc-unelevated-button.mat-accent,
.dcanela-theme .mat-mdc-raised-button.mat-accent,
.dcanela-theme .mat-mdc-outlined-button.mat-accent,
.dcanela-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.dcanela-theme .mat-mdc-button.mat-warn,
.dcanela-theme .mat-mdc-unelevated-button.mat-warn,
.dcanela-theme .mat-mdc-raised-button.mat-warn,
.dcanela-theme .mat-mdc-outlined-button.mat-warn,
.dcanela-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #185a7d;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #185a7d;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #185a7d 12%, transparent);
  --mat-button-outlined-state-layer-color: #185a7d;
  --mat-button-protected-container-color: #185a7d;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #185a7d;
  --mat-button-text-ripple-color: color-mix(in srgb, #185a7d 12%, transparent);
  --mat-button-text-state-layer-color: #185a7d;
  --mat-button-tonal-container-color: #185a7d;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.dcanela-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #e13079;
  --mat-icon-button-state-layer-color: #e13079;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e13079 12%, transparent);
}
.dcanela-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.dcanela-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #185a7d;
  --mat-icon-button-state-layer-color: #185a7d;
  --mat-icon-button-ripple-color: color-mix(in srgb, #185a7d 12%, transparent);
}
.dcanela-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.dcanela-theme .mat-mdc-fab.mat-primary,
.dcanela-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #e13079;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e13079 12%, transparent);
  --mat-fab-small-container-color: #e13079;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.dcanela-theme .mat-mdc-fab.mat-accent,
.dcanela-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.dcanela-theme .mat-mdc-fab.mat-warn,
.dcanela-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #185a7d;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #185a7d 12%, transparent);
  --mat-fab-small-container-color: #185a7d;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.dcanela-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.dcanela-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #185a7d;
}
.dcanela-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.dcanela-theme .mat-badge-warn {
  --mat-badge-background-color: #185a7d;
  --mat-badge-text-color: #ffffff;
}
.dcanela-theme .mat-datepicker-content.mat-accent,
.dcanela-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.dcanela-theme .mat-datepicker-content.mat-warn,
.dcanela-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #185a7d 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #185a7d;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #185a7d 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #185a7d 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #185a7d 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #185a7d;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.dcanela-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.dcanela-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.dcanela-theme .mat-icon.mat-primary {
  --mat-icon-color: #e13079;
}
.dcanela-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.dcanela-theme .mat-icon.mat-warn {
  --mat-icon-color: #185a7d;
}
.dcanela-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.dcanela-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #185a7d;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #185a7d;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #185a7d;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.dcanela-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #e13079;
  --mat-toolbar-container-text-color: #ffffff;
}
.dcanela-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.dcanela-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #185a7d;
  --mat-toolbar-container-text-color: #ffffff;
}
.dcanela-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.dcanela-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #185a7d;
  --mat-slide-toggle-selected-handle-color: #185a7d;
  --mat-slide-toggle-selected-hover-state-layer-color: #185a7d;
  --mat-slide-toggle-selected-pressed-state-layer-color: #185a7d;
  --mat-slide-toggle-selected-focus-handle-color: #185a7d;
  --mat-slide-toggle-selected-hover-handle-color: #185a7d;
  --mat-slide-toggle-selected-pressed-handle-color: #185a7d;
  --mat-slide-toggle-selected-focus-track-color: #5d8ca4;
  --mat-slide-toggle-selected-hover-track-color: #5d8ca4;
  --mat-slide-toggle-selected-pressed-track-color: #5d8ca4;
  --mat-slide-toggle-selected-track-color: #5d8ca4;
}
.dcanela-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.dcanela-theme .back-container {
  color: #e13079;
}
.dcanela-theme .back-container:hover {
  opacity: 0.54;
}
.dcanela-theme .warn-text {
  color: #185a7d;
}
.dcanela-theme .inside-modal-title.primary-colored-title,
.dcanela-theme .form-title.primary-colored-title {
  color: #e13079;
}
.dcanela-theme .full-height-container form .button-container {
  background: white;
}
.dcanela-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.dcanela-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.dcanela-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.dcanela-theme .box-checkbox.active-box-checkbox {
  background-color: #e13079;
  color: white;
}
.dcanela-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.dcanela-theme .box-radio.active-box-radio {
  background-color: #e13079;
  color: white;
}
.dcanela-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.dcanela-theme .error {
  color: #185a7d;
}
.dcanela-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.dcanela-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.dcanela-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.dcanela-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.dcanela-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.dcanela-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.dcanela-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.dcanela-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.dcanela-theme .ql-snow .ql-picker-options {
  background: white;
}
.dcanela-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.dcanela-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.dcanela-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.dcanela-theme .ql-snow .ql-fill,
.dcanela-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.dcanela-theme .ql-snow.ql-toolbar button:hover,
.dcanela-theme .ql-snow .ql-toolbar button:hover,
.dcanela-theme .ql-snow.ql-toolbar button:focus,
.dcanela-theme .ql-snow .ql-toolbar button:focus,
.dcanela-theme .ql-snow.ql-toolbar button.ql-active,
.dcanela-theme .ql-snow .ql-toolbar button.ql-active,
.dcanela-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.dcanela-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.dcanela-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.dcanela-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.dcanela-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.dcanela-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.dcanela-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.dcanela-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.dcanela-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.dcanela-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.dcanela-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.dcanela-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.dcanela-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.dcanela-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.dcanela-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.dcanela-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.dcanela-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.dcanela-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.dcanela-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.dcanela-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.dcanela-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.dcanela-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.dcanela-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.dcanela-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.dcanela-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.dcanela-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.dcanela-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.dcanela-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.dcanela-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.dcanela-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.dcanela-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.dcanela-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.dcanela-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.dcanela-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.dcanela-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.dcanela-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.dcanela-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.dcanela-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.dcanela-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.dcanela-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.dcanela-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.dcanela-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.dcanela-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.dcanela-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.dcanela-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.dcanela-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.dcanela-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.dcanela-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.dcanela-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.dcanela-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.dcanela-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.dcanela-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.dcanela-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.dcanela-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.dcanela-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.dcanela-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.dcanela-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.dcanela-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.dcanela-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.dcanela-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.dcanela-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.dcanela-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.dcanela-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.dcanela-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.dcanela-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.dcanela-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.dcanela-theme bee-form-item {
  margin-right: 0 !important;
}
.dcanela-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.dcanela-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #e13079;
  height: 38px !important;
}
.dcanela-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.dcanela-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.dcanela-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.dcanela-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.dcanela-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.dcanela-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.dcanela-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.dcanela-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.dcanela-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .dcanela-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.dcanela-theme .general-container .label-wrapper label {
  color: #e13079 !important;
  background-color: white;
}
.dcanela-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.dcanela-theme .general-container .label-wrapper label.selector-error {
  color: #185a7d;
}
.dcanela-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.dcanela-theme .general-container .bee-selector .bee-selector-container {
  border-color: #e13079 !important;
}
.dcanela-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.dcanela-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.dcanela-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.dcanela-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.dcanela-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.dcanela-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.dcanela-theme .general-container .bee-selector .bee-selector-container:focus,
.dcanela-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #e13079;
}
.dcanela-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.dcanela-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #e13079;
}
.dcanela-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.dcanela-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #e13079;
}
.dcanela-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #185a7d;
}
.dcanela-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.dcanela-theme .general-container .bee-dropdown {
  background: white;
}
.dcanela-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #e13079;
}
.dcanela-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.dcanela-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.dcanela-theme .general-container .selector-error {
  color: #185a7d;
}
.dcanela-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.dcanela-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.dcanela-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.dcanela-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.dcanela-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #e13079;
}
.dcanela-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #185a7d;
}
.dcanela-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.dcanela-theme .move-image-action-container:hover {
  color: #e13079;
}
.dcanela-theme .info-icon {
  color: #e13079;
}
.dcanela-theme .email-chip {
  color: #e13079 !important;
  background-color: rgba(225, 48, 121, 0.15) !important;
}
.dcanela-theme .email-chip .mat-chip-remove {
  color: #e13079 !important;
  opacity: 1 !important;
}
.dcanela-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.dcanela-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.dcanela-theme .mat-badge-content {
  color: #e13079 !important;
}
.dcanela-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #e13079 !important;
}
.dcanela-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #e13079 !important;
}
.dcanela-theme #circle-lleno {
  background: #ff96b1;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.dcanela-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.dcanela-theme .marine-color {
  color: #0f223e !important;
}
.dcanela-theme .primary-color {
  color: #e13079 !important;
}
.dcanela-theme .gray-color {
  color: #C0C4CA !important;
}
.dcanela-theme .primary-color-200 {
  color: #f098bc !important;
}
.dcanela-theme svg.primary-fill-svg {
  fill: #e13079 !important;
}
.dcanela-theme .primary-fill {
  fill: #e13079 !important;
}
.dcanela-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.dcanela-theme .primary-border-50 {
  border-color: #fbe6ef !important;
}
.dcanela-theme .primary-border-100 {
  border-color: #f6c1d7 !important;
}
.dcanela-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.dcanela-theme .transparent-border-100 {
  border-color: transparent !important;
}
.dcanela-theme .primary-border-200 {
  border-color: #f098bc !important;
}
.dcanela-theme .primary-indicator .mat-expansion-indicator:after {
  color: #e13079;
}
.dcanela-theme .contrast-background {
  background-color: #ffffff !important;
}
.dcanela-theme .primary-color-small {
  color: rgba(225, 48, 121, 0.6);
}
.dcanela-theme .marine-background {
  background-color: #0f223e !important;
}
.dcanela-theme .primary-background {
  background-color: #e13079 !important;
}
.dcanela-theme .primary-background-50 {
  background-color: #fbe6ef !important;
}
.dcanela-theme .primary-background-200 {
  background-color: #f098bc !important;
}
.dcanela-theme .primary-background-800 {
  background-color: #d51e5c !important;
}
.dcanela-theme .white-color {
  color: white !important;
}
.dcanela-theme .secondary-color {
  color: #ff96b1 !important;
}
.dcanela-theme .secondary-background {
  background-color: #ff96b1 !important;
}
.dcanela-theme .secondary-background-semi {
  background-color: #e13079 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #e13079 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.dcanela-theme .secondary-background-full {
  background-color: #e13079 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #e13079 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.dcanela-theme .secondary-background-empty {
  background-color: #e13079 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #e13079 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.dcanela-theme .secondary-border {
  background-color: #ff96b1 !important;
}
.dcanela-theme .tertiary-color {
  color: #ff96b1 !important;
}
.dcanela-theme button.button-tertiary {
  background-color: #ff96b1 !important;
  color: #e13079 !important;
  border: 1px solid #e13079 !important;
}
.dcanela-theme span.red-text {
  color: #DB1F35 !important;
}
.dcanela-theme .tertiary-background {
  background-color: #ff96b1 !important;
}
.dcanela-theme .tertiary-border {
  border-color: #ff96b1 !important;
}
.dcanela-theme .dark-background {
  background-color: black !important;
}
.dcanela-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.dcanela-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.dcanela-theme .primary-soft-background {
  background-color: rgba(225, 48, 121, 0.1) !important;
}
.dcanela-theme .primary-soft-background:hover {
  background-color: rgba(225, 48, 121, 0.15) !important;
}
.dcanela-theme .primary-border {
  border-color: #e13079 !important;
}
.dcanela-theme .default-background {
  background-color: #fafafa !important;
}
.dcanela-theme .hover-primary:hover {
  color: #e13079 !important;
}
.dcanela-theme .hover-primary-background:hover {
  background-color: #e13079 !important;
}
.dcanela-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.dcanela-theme .warn-color {
  color: #185a7d !important;
}
.dcanela-theme .warn-border {
  border-color: #185a7d !important;
}
.dcanela-theme .accent-color {
  color: #fedd93 !important;
}
.dcanela-theme .accent-background {
  background-color: #fedd93 !important;
}
.dcanela-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.dcanela-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.dcanela-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.dcanela-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.dcanela-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.dcanela-theme .dialog-table tr .action-icon {
  color: transparent;
}
.dcanela-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.dcanela-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.dcanela-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #e13079;
}
.dcanela-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.dcanela-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.dcanela-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.dcanela-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.dcanela-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.dcanela-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.dcanela-theme .card-table tr .action-icon {
  color: transparent;
}
.dcanela-theme .card-table tr .action-icon button {
  color: transparent;
}
.dcanela-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.dcanela-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.dcanela-theme .card-table tr:hover .action-icon button {
  color: #e13079;
}
.dcanela-theme .card-table tr:hover .action-icon:hover {
  color: #e13079;
}
.dcanela-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.dcanela-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.dcanela-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.dcanela-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.dcanela-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #e13079;
}
.dcanela-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.dcanela-theme .no-hover-table tr:hover {
  background: white;
}
.dcanela-theme .custom-standard-chip {
  background-color: rgba(225, 48, 121, 0.1) !important;
  color: #e13079 !important;
}
.dcanela-theme .help-dashboard-card .mat-icon {
  color: #e13079;
}
.dcanela-theme .help-dashboard-card:hover {
  background-color: #e13079;
}
.dcanela-theme .help-dashboard-card:hover .mat-icon,
.dcanela-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.dcanela-theme .room-open {
  background-color: #e13079 !important;
  color: white !important;
}
.dcanela-theme .room-open:hover {
  background-color: #e13079 !important;
  color: white !important;
}
.dcanela-theme #public-office-page-groups .public-group-button-hover {
  background-color: #e13079 !important;
  color: white !important;
}
.dcanela-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.dcanela-theme .notification-container .show-tip {
  color: transparent;
}
.dcanela-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.dcanela-theme .notification-container:hover .show-tip {
  color: #e13079;
}
.dcanela-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.dcanela-theme .notification-container .notification-subject .mat-icon {
  color: #e13079;
}
.dcanela-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.dcanela-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.dcanela-theme .message-container .show-tip {
  color: transparent;
}
.dcanela-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.dcanela-theme .message-container:hover .show-tip {
  color: #e13079;
}
.dcanela-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.dcanela-theme .message-container .message-subject .mat-icon {
  color: #e13079;
}
.dcanela-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.dcanela-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.dcanela-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.dcanela-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.dcanela-theme .primary-200-outline input {
  caret-color: #f098bc;
  color: #e13079;
}
.dcanela-theme .primary-200-outline label {
  color: #f098bc;
}
.dcanela-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #f098bc !important;
}
.dcanela-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #f098bc;
}
.dcanela-theme mat-form-field .primary-outline label {
  color: #e13079 !important;
}
.dcanela-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #e13079 !important;
}
.dcanela-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #e13079 !important;
}
.dcanela-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.dcanela-theme .input-primary input {
  caret-color: #e13079;
  color: #e13079;
}
.dcanela-theme .input-primary label {
  color: #e13079;
}
.dcanela-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #e13079 !important;
}
.dcanela-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.dcanela-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #e13079;
  border-width: 1px;
}
.dcanela-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.dcanela-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.dcanela-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.dcanela-theme .boton-recarga {
  background-color: #e13079;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.dcanela-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.dcanela-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
}
.dcanela-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.dcanela-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.dcanela-theme .header-container button {
  padding: 0 !important;
}
.dcanela-theme .header-container .mat-button {
  min-width: unset !important;
}
.dcanela-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.dcanela-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dcanela-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.dcanela-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.dcanela-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.dcanela-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.dcanela-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.dcanela-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.dcanela-theme .input-recarga-marine {
  border: 1px solid #e13079 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.dcanela-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.dcanela-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.dcanela-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.dcanela-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.dcanela-theme .color-primary {
  color: #e13079 !important;
  fill: #e13079 !important;
}
.dcanela-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.dcanela-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.dcanela-theme .primary-contrast {
  color: #ffffff !important;
}
.dcanela-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #e13079 !important;
}
.dcanela-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #e13079 !important;
}
.dcanela-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.dcanela-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #e13079 !important;
}
.dcanela-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.dcanela-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.dcanela-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.dcanela-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #e13079 !important;
}
.dcanela-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #e13079 !important;
}
.dcanela-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #e13079 !important;
}
.dcanela-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #e13079 !important;
}
.dcanela-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #e13079 !important;
}
.dcanela-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.dcanela-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #e13079 !important;
}
.dcanela-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.dcanela-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #e13079 !important;
}
.dcanela-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.dcanela-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.dcanela-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #e13079 !important;
}
.dcanela-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #ff96b1 !important;
}
.dcanela-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.dcanela-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #e13079 !important;
}
.dcanela-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #e13079 !important;
}
.dcanela-theme .mat-checkbox-checked .mat-checkbox-background,
.dcanela-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #e13079 !important;
}
.dcanela-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #e13079 !important;
}
.dcanela-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.dcanela-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #e13079 !important;
}
.dcanela-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.dcanela-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #e13079 !important;
}
.dcanela-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #f098bc !important;
}
.dcanela-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #e13079 !important;
}
.dcanela-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.dcanela-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.dcanela-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.dcanela-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.dcanela-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #e13079 !important;
}
.dcanela-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #e13079 !important;
}
.dcanela-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #e13079 !important;
}
.dcanela-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.dcanela-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #e13079 !important;
}
.dcanela-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #e13079 !important;
}
.dcanela-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #e13079 !important;
}
.dcanela-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.dcanela-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.dcanela-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #e13079 !important;
}
.dcanela-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #e13079 !important;
}
.dcanela-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.dcanela-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.dcanela-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #e13079 !important;
}
.dcanela-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.dcanela-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.dcanela-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.dcanela-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #e13079 !important;
}
.dcanela-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.dcanela-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #e13079 !important;
}
.dcanela-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #e13079 !important;
}
.dcanela-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #e13079 !important;
}
.dcanela-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.dcanela-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.dcanela-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.dcanela-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #e13079 !important;
}
.dcanela-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #e13079 !important;
}
.dcanela-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ff96b1 !important;
}
.dcanela-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ff96b1 !important;
}
.dcanela-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.dcanela-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e13079 !important;
}
.dcanela-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e13079 !important;
}
.dcanela-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #185a7d !important;
}
.dcanela-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #e13079 !important;
}
.dcanela-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #e13079 !important;
}
.dcanela-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.dcanela-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.dcanela-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.dcanela-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ff96b1 !important;
}
.dcanela-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ff96b1 !important;
}
.dcanela-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.dcanela-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.dcanela-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ff96b1 !important;
}
.dcanela-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ff96b1 !important;
}
.dcanela-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ff96b1 !important;
}
.dcanela-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ff96b1 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.dcanela-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ff96b1 !important;
}
.dcanela-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #ff96b1 !important;
}
.dcanela-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #e13079 !important;
}
.dcanela-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #e13079 !important;
}
.dcanela-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #e13079 !important;
}
.dcanela-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.dcanela-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.dcanela-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.dcanela-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.dcanela-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.dcanela-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #e13079 !important;
}
.dcanela-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #e13079 !important;
}
.dcanela-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #e13079 !important;
}
.dcanela-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #e13079 !important;
}
.dcanela-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #e13079 !important;
}
.dcanela-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #e13079 !important;
}
.dcanela-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.dcanela-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #e13079 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.dcanela-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.dcanela-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.dcanela-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.dcanela-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.dcanela-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.dcanela-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #ff96b1 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.dcanela-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #e13079 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #e13079 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.dcanela-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #e13079 !important;
}
.dcanela-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.dcanela-theme .button-text-hidden {
  display: none;
}
.carambirubi-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #e52228;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e52228 87%, transparent);
  --mat-form-field-filled-caret-color: #e52228;
  --mat-form-field-filled-focus-active-indicator-color: #e52228;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e52228 87%, transparent);
  --mat-form-field-outlined-caret-color: #e52228;
  --mat-form-field-outlined-focus-outline-color: #e52228;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e52228 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #185a7d;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #185a7d;
  --mat-form-field-filled-error-focus-label-text-color: #185a7d;
  --mat-form-field-filled-error-label-text-color: #185a7d;
  --mat-form-field-filled-error-caret-color: #185a7d;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #185a7d;
  --mat-form-field-filled-error-focus-active-indicator-color: #185a7d;
  --mat-form-field-filled-error-hover-active-indicator-color: #185a7d;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #185a7d;
  --mat-form-field-outlined-error-focus-label-text-color: #185a7d;
  --mat-form-field-outlined-error-label-text-color: #185a7d;
  --mat-form-field-outlined-error-hover-label-text-color: #185a7d;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #185a7d;
  --mat-form-field-outlined-error-hover-outline-color: #185a7d;
  --mat-form-field-outlined-error-outline-color: #185a7d;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e52228;
  --mat-select-invalid-arrow-color: #185a7d;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e52228;
  --mat-slide-toggle-selected-handle-color: #e52228;
  --mat-slide-toggle-selected-hover-state-layer-color: #e52228;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e52228;
  --mat-slide-toggle-selected-focus-handle-color: #e52228;
  --mat-slide-toggle-selected-hover-handle-color: #e52228;
  --mat-slide-toggle-selected-pressed-handle-color: #e52228;
  --mat-slide-toggle-selected-focus-track-color: #ed6469;
  --mat-slide-toggle-selected-hover-track-color: #ed6469;
  --mat-slide-toggle-selected-pressed-track-color: #ed6469;
  --mat-slide-toggle-selected-track-color: #ed6469;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #e52228;
  --mat-slider-focus-handle-color: #e52228;
  --mat-slider-handle-color: #e52228;
  --mat-slider-hover-handle-color: #e52228;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e52228 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e52228 4%, transparent);
  --mat-slider-inactive-track-color: #e52228;
  --mat-slider-ripple-color: #e52228;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e52228;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #ed6469;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #e52228;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #e52228;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e52228 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e52228;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e52228 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e52228 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e52228 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e52228;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e52228;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e52228;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e52228;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #185a7d;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #185a7d;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e52228;
  --mat-slide-toggle-selected-handle-color: #e52228;
  --mat-slide-toggle-selected-hover-state-layer-color: #e52228;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e52228;
  --mat-slide-toggle-selected-focus-handle-color: #e52228;
  --mat-slide-toggle-selected-hover-handle-color: #e52228;
  --mat-slide-toggle-selected-pressed-handle-color: #e52228;
  --mat-slide-toggle-selected-focus-track-color: #ed6469;
  --mat-slide-toggle-selected-hover-track-color: #ed6469;
  --mat-slide-toggle-selected-pressed-track-color: #ed6469;
  --mat-slide-toggle-selected-track-color: #ed6469;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.carambirubi-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.carambirubi-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #185a7d;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.carambirubi-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #e52228;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e52228;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.carambirubi-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.carambirubi-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #185a7d;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #185a7d;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.carambirubi-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #e52228;
  --mat-progress-bar-track-color: rgba(229, 34, 40, 0.25);
}
.carambirubi-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.carambirubi-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #185a7d;
  --mat-progress-bar-track-color: rgba(24, 90, 125, 0.25);
}
.carambirubi-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.carambirubi-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #185a7d 87%, transparent);
  --mat-form-field-filled-caret-color: #185a7d;
  --mat-form-field-filled-focus-active-indicator-color: #185a7d;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #185a7d 87%, transparent);
  --mat-form-field-outlined-caret-color: #185a7d;
  --mat-form-field-outlined-focus-outline-color: #185a7d;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #185a7d 87%, transparent);
}
.carambirubi-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #185a7d;
}
.carambirubi-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #185a7d;
  --mat-select-invalid-arrow-color: #185a7d;
}
.carambirubi-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.carambirubi-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.carambirubi-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.carambirubi-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e52228;
  --mat-chip-elevated-disabled-container-color: #e52228;
  --mat-chip-elevated-selected-container-color: #e52228;
  --mat-chip-flat-disabled-selected-container-color: #e52228;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.carambirubi-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.carambirubi-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.carambirubi-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.carambirubi-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #185a7d;
  --mat-chip-elevated-disabled-container-color: #185a7d;
  --mat-chip-elevated-selected-container-color: #185a7d;
  --mat-chip-flat-disabled-selected-container-color: #185a7d;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.carambirubi-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.carambirubi-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.carambirubi-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.carambirubi-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #185a7d;
  --mat-slide-toggle-selected-handle-color: #185a7d;
  --mat-slide-toggle-selected-hover-state-layer-color: #185a7d;
  --mat-slide-toggle-selected-pressed-state-layer-color: #185a7d;
  --mat-slide-toggle-selected-focus-handle-color: #185a7d;
  --mat-slide-toggle-selected-hover-handle-color: #185a7d;
  --mat-slide-toggle-selected-pressed-handle-color: #185a7d;
  --mat-slide-toggle-selected-focus-track-color: #5d8ca4;
  --mat-slide-toggle-selected-hover-track-color: #5d8ca4;
  --mat-slide-toggle-selected-pressed-track-color: #5d8ca4;
  --mat-slide-toggle-selected-track-color: #5d8ca4;
}
.carambirubi-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.carambirubi-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #e52228;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e52228;
  --mat-radio-selected-hover-icon-color: #e52228;
  --mat-radio-selected-icon-color: #e52228;
  --mat-radio-selected-pressed-icon-color: #e52228;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.carambirubi-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.carambirubi-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #185a7d;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #185a7d;
  --mat-radio-selected-hover-icon-color: #185a7d;
  --mat-radio-selected-icon-color: #185a7d;
  --mat-radio-selected-pressed-icon-color: #185a7d;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.carambirubi-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.carambirubi-theme .mat-warn {
  --mat-slider-active-track-color: #185a7d;
  --mat-slider-focus-handle-color: #185a7d;
  --mat-slider-handle-color: #185a7d;
  --mat-slider-hover-handle-color: #185a7d;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #185a7d 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #185a7d 4%, transparent);
  --mat-slider-inactive-track-color: #185a7d;
  --mat-slider-ripple-color: #185a7d;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #185a7d;
}
.carambirubi-theme .mdc-list-item__start,
.carambirubi-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e52228;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e52228;
  --mat-radio-selected-hover-icon-color: #e52228;
  --mat-radio-selected-icon-color: #e52228;
  --mat-radio-selected-pressed-icon-color: #e52228;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.carambirubi-theme .mat-accent .mdc-list-item__start,
.carambirubi-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.carambirubi-theme .mat-warn .mdc-list-item__start,
.carambirubi-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #185a7d;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #185a7d;
  --mat-radio-selected-hover-icon-color: #185a7d;
  --mat-radio-selected-icon-color: #185a7d;
  --mat-radio-selected-pressed-icon-color: #185a7d;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.carambirubi-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e52228;
  --mat-checkbox-selected-hover-icon-color: #e52228;
  --mat-checkbox-selected-icon-color: #e52228;
  --mat-checkbox-selected-pressed-icon-color: #e52228;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e52228;
  --mat-checkbox-selected-hover-state-layer-color: #e52228;
  --mat-checkbox-selected-pressed-state-layer-color: #e52228;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.carambirubi-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.carambirubi-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #185a7d;
  --mat-checkbox-selected-hover-icon-color: #185a7d;
  --mat-checkbox-selected-icon-color: #185a7d;
  --mat-checkbox-selected-pressed-icon-color: #185a7d;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #185a7d;
  --mat-checkbox-selected-hover-state-layer-color: #185a7d;
  --mat-checkbox-selected-pressed-state-layer-color: #185a7d;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.carambirubi-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.carambirubi-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.carambirubi-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.carambirubi-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #e52228;
}
.carambirubi-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.carambirubi-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.carambirubi-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.carambirubi-theme .mdc-list-item__start,
.carambirubi-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.carambirubi-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.carambirubi-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.carambirubi-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.carambirubi-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.carambirubi-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.carambirubi-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.carambirubi-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.carambirubi-theme .mat-mdc-tab-group,
.carambirubi-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e52228;
  --mat-tab-active-ripple-color: #e52228;
  --mat-tab-inactive-ripple-color: #e52228;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e52228;
  --mat-tab-active-hover-label-text-color: #e52228;
  --mat-tab-active-focus-indicator-color: #e52228;
  --mat-tab-active-hover-indicator-color: #e52228;
  --mat-tab-active-indicator-color: #e52228;
}
.carambirubi-theme .mat-mdc-tab-group.mat-accent,
.carambirubi-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.carambirubi-theme .mat-mdc-tab-group.mat-warn,
.carambirubi-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #185a7d;
  --mat-tab-active-ripple-color: #185a7d;
  --mat-tab-inactive-ripple-color: #185a7d;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #185a7d;
  --mat-tab-active-hover-label-text-color: #185a7d;
  --mat-tab-active-focus-indicator-color: #185a7d;
  --mat-tab-active-hover-indicator-color: #185a7d;
  --mat-tab-active-indicator-color: #185a7d;
}
.carambirubi-theme .mat-mdc-tab-group.mat-background-primary,
.carambirubi-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #e52228;
  --mat-tab-foreground-color: #ffffff;
}
.carambirubi-theme .mat-mdc-tab-group.mat-background-accent,
.carambirubi-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.carambirubi-theme .mat-mdc-tab-group.mat-background-warn,
.carambirubi-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #185a7d;
  --mat-tab-foreground-color: #ffffff;
}
.carambirubi-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.carambirubi-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.carambirubi-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e52228;
  --mat-checkbox-selected-hover-icon-color: #e52228;
  --mat-checkbox-selected-icon-color: #e52228;
  --mat-checkbox-selected-pressed-icon-color: #e52228;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e52228;
  --mat-checkbox-selected-hover-state-layer-color: #e52228;
  --mat-checkbox-selected-pressed-state-layer-color: #e52228;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.carambirubi-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #185a7d;
  --mat-checkbox-selected-hover-icon-color: #185a7d;
  --mat-checkbox-selected-icon-color: #185a7d;
  --mat-checkbox-selected-pressed-icon-color: #185a7d;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #185a7d;
  --mat-checkbox-selected-hover-state-layer-color: #185a7d;
  --mat-checkbox-selected-pressed-state-layer-color: #185a7d;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.carambirubi-theme .mat-mdc-button.mat-primary,
.carambirubi-theme .mat-mdc-unelevated-button.mat-primary,
.carambirubi-theme .mat-mdc-raised-button.mat-primary,
.carambirubi-theme .mat-mdc-outlined-button.mat-primary,
.carambirubi-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #e52228;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e52228;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e52228 12%, transparent);
  --mat-button-outlined-state-layer-color: #e52228;
  --mat-button-protected-container-color: #e52228;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e52228;
  --mat-button-text-ripple-color: color-mix(in srgb, #e52228 12%, transparent);
  --mat-button-text-state-layer-color: #e52228;
  --mat-button-tonal-container-color: #e52228;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.carambirubi-theme .mat-mdc-button.mat-accent,
.carambirubi-theme .mat-mdc-unelevated-button.mat-accent,
.carambirubi-theme .mat-mdc-raised-button.mat-accent,
.carambirubi-theme .mat-mdc-outlined-button.mat-accent,
.carambirubi-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.carambirubi-theme .mat-mdc-button.mat-warn,
.carambirubi-theme .mat-mdc-unelevated-button.mat-warn,
.carambirubi-theme .mat-mdc-raised-button.mat-warn,
.carambirubi-theme .mat-mdc-outlined-button.mat-warn,
.carambirubi-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #185a7d;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #185a7d;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #185a7d 12%, transparent);
  --mat-button-outlined-state-layer-color: #185a7d;
  --mat-button-protected-container-color: #185a7d;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #185a7d;
  --mat-button-text-ripple-color: color-mix(in srgb, #185a7d 12%, transparent);
  --mat-button-text-state-layer-color: #185a7d;
  --mat-button-tonal-container-color: #185a7d;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.carambirubi-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #e52228;
  --mat-icon-button-state-layer-color: #e52228;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e52228 12%, transparent);
}
.carambirubi-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.carambirubi-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #185a7d;
  --mat-icon-button-state-layer-color: #185a7d;
  --mat-icon-button-ripple-color: color-mix(in srgb, #185a7d 12%, transparent);
}
.carambirubi-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.carambirubi-theme .mat-mdc-fab.mat-primary,
.carambirubi-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #e52228;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e52228 12%, transparent);
  --mat-fab-small-container-color: #e52228;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.carambirubi-theme .mat-mdc-fab.mat-accent,
.carambirubi-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.carambirubi-theme .mat-mdc-fab.mat-warn,
.carambirubi-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #185a7d;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #185a7d 12%, transparent);
  --mat-fab-small-container-color: #185a7d;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.carambirubi-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.carambirubi-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #185a7d;
}
.carambirubi-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.carambirubi-theme .mat-badge-warn {
  --mat-badge-background-color: #185a7d;
  --mat-badge-text-color: #ffffff;
}
.carambirubi-theme .mat-datepicker-content.mat-accent,
.carambirubi-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.carambirubi-theme .mat-datepicker-content.mat-warn,
.carambirubi-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #185a7d 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #185a7d;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #185a7d 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #185a7d 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #185a7d 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #185a7d;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.carambirubi-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.carambirubi-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.carambirubi-theme .mat-icon.mat-primary {
  --mat-icon-color: #e52228;
}
.carambirubi-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.carambirubi-theme .mat-icon.mat-warn {
  --mat-icon-color: #185a7d;
}
.carambirubi-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.carambirubi-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #185a7d;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #185a7d;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #185a7d;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.carambirubi-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #e52228;
  --mat-toolbar-container-text-color: #ffffff;
}
.carambirubi-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.carambirubi-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #185a7d;
  --mat-toolbar-container-text-color: #ffffff;
}
.carambirubi-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.carambirubi-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #185a7d;
  --mat-slide-toggle-selected-handle-color: #185a7d;
  --mat-slide-toggle-selected-hover-state-layer-color: #185a7d;
  --mat-slide-toggle-selected-pressed-state-layer-color: #185a7d;
  --mat-slide-toggle-selected-focus-handle-color: #185a7d;
  --mat-slide-toggle-selected-hover-handle-color: #185a7d;
  --mat-slide-toggle-selected-pressed-handle-color: #185a7d;
  --mat-slide-toggle-selected-focus-track-color: #5d8ca4;
  --mat-slide-toggle-selected-hover-track-color: #5d8ca4;
  --mat-slide-toggle-selected-pressed-track-color: #5d8ca4;
  --mat-slide-toggle-selected-track-color: #5d8ca4;
}
.carambirubi-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.carambirubi-theme .back-container {
  color: #e52228;
}
.carambirubi-theme .back-container:hover {
  opacity: 0.54;
}
.carambirubi-theme .warn-text {
  color: #185a7d;
}
.carambirubi-theme .inside-modal-title.primary-colored-title,
.carambirubi-theme .form-title.primary-colored-title {
  color: #e52228;
}
.carambirubi-theme .full-height-container form .button-container {
  background: white;
}
.carambirubi-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.carambirubi-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.carambirubi-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.carambirubi-theme .box-checkbox.active-box-checkbox {
  background-color: #e52228;
  color: white;
}
.carambirubi-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.carambirubi-theme .box-radio.active-box-radio {
  background-color: #e52228;
  color: white;
}
.carambirubi-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.carambirubi-theme .error {
  color: #185a7d;
}
.carambirubi-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.carambirubi-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.carambirubi-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.carambirubi-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.carambirubi-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.carambirubi-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.carambirubi-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.carambirubi-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.carambirubi-theme .ql-snow .ql-picker-options {
  background: white;
}
.carambirubi-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.carambirubi-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.carambirubi-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.carambirubi-theme .ql-snow .ql-fill,
.carambirubi-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.carambirubi-theme .ql-snow.ql-toolbar button:hover,
.carambirubi-theme .ql-snow .ql-toolbar button:hover,
.carambirubi-theme .ql-snow.ql-toolbar button:focus,
.carambirubi-theme .ql-snow .ql-toolbar button:focus,
.carambirubi-theme .ql-snow.ql-toolbar button.ql-active,
.carambirubi-theme .ql-snow .ql-toolbar button.ql-active,
.carambirubi-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.carambirubi-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.carambirubi-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.carambirubi-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.carambirubi-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.carambirubi-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.carambirubi-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.carambirubi-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.carambirubi-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.carambirubi-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.carambirubi-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.carambirubi-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.carambirubi-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.carambirubi-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.carambirubi-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.carambirubi-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.carambirubi-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.carambirubi-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.carambirubi-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.carambirubi-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.carambirubi-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.carambirubi-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.carambirubi-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.carambirubi-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.carambirubi-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.carambirubi-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.carambirubi-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.carambirubi-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.carambirubi-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.carambirubi-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.carambirubi-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.carambirubi-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.carambirubi-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.carambirubi-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.carambirubi-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.carambirubi-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.carambirubi-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.carambirubi-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.carambirubi-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.carambirubi-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.carambirubi-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.carambirubi-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.carambirubi-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.carambirubi-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.carambirubi-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.carambirubi-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.carambirubi-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.carambirubi-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.carambirubi-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.carambirubi-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.carambirubi-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.carambirubi-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.carambirubi-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.carambirubi-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.carambirubi-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.carambirubi-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.carambirubi-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.carambirubi-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.carambirubi-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.carambirubi-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.carambirubi-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.carambirubi-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.carambirubi-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.carambirubi-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.carambirubi-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.carambirubi-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.carambirubi-theme bee-form-item {
  margin-right: 0 !important;
}
.carambirubi-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.carambirubi-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #e52228;
  height: 38px !important;
}
.carambirubi-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.carambirubi-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.carambirubi-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.carambirubi-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.carambirubi-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.carambirubi-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.carambirubi-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.carambirubi-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.carambirubi-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .carambirubi-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.carambirubi-theme .general-container .label-wrapper label {
  color: #e52228 !important;
  background-color: white;
}
.carambirubi-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.carambirubi-theme .general-container .label-wrapper label.selector-error {
  color: #185a7d;
}
.carambirubi-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.carambirubi-theme .general-container .bee-selector .bee-selector-container {
  border-color: #e52228 !important;
}
.carambirubi-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.carambirubi-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.carambirubi-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.carambirubi-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.carambirubi-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.carambirubi-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.carambirubi-theme .general-container .bee-selector .bee-selector-container:focus,
.carambirubi-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #e52228;
}
.carambirubi-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.carambirubi-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #e52228;
}
.carambirubi-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.carambirubi-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #e52228;
}
.carambirubi-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #185a7d;
}
.carambirubi-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.carambirubi-theme .general-container .bee-dropdown {
  background: white;
}
.carambirubi-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #e52228;
}
.carambirubi-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.carambirubi-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.carambirubi-theme .general-container .selector-error {
  color: #185a7d;
}
.carambirubi-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.carambirubi-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.carambirubi-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.carambirubi-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.carambirubi-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #e52228;
}
.carambirubi-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #185a7d;
}
.carambirubi-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.carambirubi-theme .move-image-action-container:hover {
  color: #e52228;
}
.carambirubi-theme .info-icon {
  color: #e52228;
}
.carambirubi-theme .email-chip {
  color: #e52228 !important;
  background-color: rgba(229, 34, 40, 0.15) !important;
}
.carambirubi-theme .email-chip .mat-chip-remove {
  color: #e52228 !important;
  opacity: 1 !important;
}
.carambirubi-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.carambirubi-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.carambirubi-theme .mat-badge-content {
  color: #e52228 !important;
}
.carambirubi-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #e52228 !important;
}
.carambirubi-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #e52228 !important;
}
.carambirubi-theme #circle-lleno {
  background: #ff9899;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.carambirubi-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.carambirubi-theme .marine-color {
  color: #0f223e !important;
}
.carambirubi-theme .primary-color {
  color: #e52228 !important;
}
.carambirubi-theme .gray-color {
  color: #C0C4CA !important;
}
.carambirubi-theme .primary-color-200 {
  color: #f29194 !important;
}
.carambirubi-theme svg.primary-fill-svg {
  fill: #e52228 !important;
}
.carambirubi-theme .primary-fill {
  fill: #e52228 !important;
}
.carambirubi-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.carambirubi-theme .primary-border-50 {
  border-color: #fce4e5 !important;
}
.carambirubi-theme .primary-border-100 {
  border-color: #f7bdbf !important;
}
.carambirubi-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.carambirubi-theme .transparent-border-100 {
  border-color: transparent !important;
}
.carambirubi-theme .primary-border-200 {
  border-color: #f29194 !important;
}
.carambirubi-theme .primary-indicator .mat-expansion-indicator:after {
  color: #e52228;
}
.carambirubi-theme .contrast-background {
  background-color: #ffffff !important;
}
.carambirubi-theme .primary-color-small {
  color: rgba(229, 34, 40, 0.6);
}
.carambirubi-theme .marine-background {
  background-color: #0f223e !important;
}
.carambirubi-theme .primary-background {
  background-color: #e52228 !important;
}
.carambirubi-theme .primary-background-50 {
  background-color: #fce4e5 !important;
}
.carambirubi-theme .primary-background-200 {
  background-color: #f29194 !important;
}
.carambirubi-theme .primary-background-800 {
  background-color: #da1418 !important;
}
.carambirubi-theme .white-color {
  color: white !important;
}
.carambirubi-theme .secondary-color {
  color: #ff9899 !important;
}
.carambirubi-theme .secondary-background {
  background-color: #ff9899 !important;
}
.carambirubi-theme .secondary-background-semi {
  background-color: #e52228 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #e52228 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.carambirubi-theme .secondary-background-full {
  background-color: #e52228 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #e52228 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.carambirubi-theme .secondary-background-empty {
  background-color: #e52228 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #e52228 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.carambirubi-theme .secondary-border {
  background-color: #ff9899 !important;
}
.carambirubi-theme .tertiary-color {
  color: #ff9899 !important;
}
.carambirubi-theme button.button-tertiary {
  background-color: #ff9899 !important;
  color: #e52228 !important;
  border: 1px solid #e52228 !important;
}
.carambirubi-theme span.red-text {
  color: #DB1F35 !important;
}
.carambirubi-theme .tertiary-background {
  background-color: #ff9899 !important;
}
.carambirubi-theme .tertiary-border {
  border-color: #ff9899 !important;
}
.carambirubi-theme .dark-background {
  background-color: black !important;
}
.carambirubi-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.carambirubi-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.carambirubi-theme .primary-soft-background {
  background-color: rgba(229, 34, 40, 0.1) !important;
}
.carambirubi-theme .primary-soft-background:hover {
  background-color: rgba(229, 34, 40, 0.15) !important;
}
.carambirubi-theme .primary-border {
  border-color: #e52228 !important;
}
.carambirubi-theme .default-background {
  background-color: #fafafa !important;
}
.carambirubi-theme .hover-primary:hover {
  color: #e52228 !important;
}
.carambirubi-theme .hover-primary-background:hover {
  background-color: #e52228 !important;
}
.carambirubi-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.carambirubi-theme .warn-color {
  color: #185a7d !important;
}
.carambirubi-theme .warn-border {
  border-color: #185a7d !important;
}
.carambirubi-theme .accent-color {
  color: #fedd93 !important;
}
.carambirubi-theme .accent-background {
  background-color: #fedd93 !important;
}
.carambirubi-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.carambirubi-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.carambirubi-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.carambirubi-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.carambirubi-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.carambirubi-theme .dialog-table tr .action-icon {
  color: transparent;
}
.carambirubi-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.carambirubi-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.carambirubi-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #e52228;
}
.carambirubi-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.carambirubi-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.carambirubi-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.carambirubi-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.carambirubi-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.carambirubi-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.carambirubi-theme .card-table tr .action-icon {
  color: transparent;
}
.carambirubi-theme .card-table tr .action-icon button {
  color: transparent;
}
.carambirubi-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.carambirubi-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.carambirubi-theme .card-table tr:hover .action-icon button {
  color: #e52228;
}
.carambirubi-theme .card-table tr:hover .action-icon:hover {
  color: #e52228;
}
.carambirubi-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.carambirubi-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.carambirubi-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.carambirubi-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.carambirubi-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #e52228;
}
.carambirubi-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.carambirubi-theme .no-hover-table tr:hover {
  background: white;
}
.carambirubi-theme .custom-standard-chip {
  background-color: rgba(229, 34, 40, 0.1) !important;
  color: #e52228 !important;
}
.carambirubi-theme .help-dashboard-card .mat-icon {
  color: #e52228;
}
.carambirubi-theme .help-dashboard-card:hover {
  background-color: #e52228;
}
.carambirubi-theme .help-dashboard-card:hover .mat-icon,
.carambirubi-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.carambirubi-theme .room-open {
  background-color: #e52228 !important;
  color: white !important;
}
.carambirubi-theme .room-open:hover {
  background-color: #e52228 !important;
  color: white !important;
}
.carambirubi-theme #public-office-page-groups .public-group-button-hover {
  background-color: #e52228 !important;
  color: white !important;
}
.carambirubi-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.carambirubi-theme .notification-container .show-tip {
  color: transparent;
}
.carambirubi-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.carambirubi-theme .notification-container:hover .show-tip {
  color: #e52228;
}
.carambirubi-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.carambirubi-theme .notification-container .notification-subject .mat-icon {
  color: #e52228;
}
.carambirubi-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.carambirubi-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.carambirubi-theme .message-container .show-tip {
  color: transparent;
}
.carambirubi-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.carambirubi-theme .message-container:hover .show-tip {
  color: #e52228;
}
.carambirubi-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.carambirubi-theme .message-container .message-subject .mat-icon {
  color: #e52228;
}
.carambirubi-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.carambirubi-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.carambirubi-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.carambirubi-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.carambirubi-theme .primary-200-outline input {
  caret-color: #f29194;
  color: #e52228;
}
.carambirubi-theme .primary-200-outline label {
  color: #f29194;
}
.carambirubi-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #f29194 !important;
}
.carambirubi-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #f29194;
}
.carambirubi-theme mat-form-field .primary-outline label {
  color: #e52228 !important;
}
.carambirubi-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #e52228 !important;
}
.carambirubi-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #e52228 !important;
}
.carambirubi-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.carambirubi-theme .input-primary input {
  caret-color: #e52228;
  color: #e52228;
}
.carambirubi-theme .input-primary label {
  color: #e52228;
}
.carambirubi-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #e52228 !important;
}
.carambirubi-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.carambirubi-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #e52228;
  border-width: 1px;
}
.carambirubi-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.carambirubi-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.carambirubi-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.carambirubi-theme .boton-recarga {
  background-color: #e52228;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.carambirubi-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.carambirubi-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.carambirubi-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.carambirubi-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.carambirubi-theme .header-container button {
  padding: 0 !important;
}
.carambirubi-theme .header-container .mat-button {
  min-width: unset !important;
}
.carambirubi-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.carambirubi-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.carambirubi-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.carambirubi-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.carambirubi-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.carambirubi-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.carambirubi-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.carambirubi-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.carambirubi-theme .input-recarga-marine {
  border: 1px solid #e52228 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.carambirubi-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.carambirubi-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.carambirubi-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.carambirubi-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.carambirubi-theme .color-primary {
  color: #e52228 !important;
  fill: #e52228 !important;
}
.carambirubi-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.carambirubi-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.carambirubi-theme .primary-contrast {
  color: #ffffff !important;
}
.carambirubi-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #e52228 !important;
}
.carambirubi-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #e52228 !important;
}
.carambirubi-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.carambirubi-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #e52228 !important;
}
.carambirubi-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.carambirubi-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.carambirubi-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.carambirubi-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #e52228 !important;
}
.carambirubi-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #e52228 !important;
}
.carambirubi-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #e52228 !important;
}
.carambirubi-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #e52228 !important;
}
.carambirubi-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #e52228 !important;
}
.carambirubi-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.carambirubi-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #e52228 !important;
}
.carambirubi-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.carambirubi-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #e52228 !important;
}
.carambirubi-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.carambirubi-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.carambirubi-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #e52228 !important;
}
.carambirubi-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #ff9899 !important;
}
.carambirubi-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.carambirubi-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #e52228 !important;
}
.carambirubi-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #e52228 !important;
}
.carambirubi-theme .mat-checkbox-checked .mat-checkbox-background,
.carambirubi-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #e52228 !important;
}
.carambirubi-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #e52228 !important;
}
.carambirubi-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.carambirubi-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #e52228 !important;
}
.carambirubi-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.carambirubi-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #e52228 !important;
}
.carambirubi-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #f29194 !important;
}
.carambirubi-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #e52228 !important;
}
.carambirubi-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.carambirubi-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.carambirubi-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.carambirubi-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.carambirubi-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #e52228 !important;
}
.carambirubi-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #e52228 !important;
}
.carambirubi-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #e52228 !important;
}
.carambirubi-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.carambirubi-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #e52228 !important;
}
.carambirubi-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #e52228 !important;
}
.carambirubi-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #e52228 !important;
}
.carambirubi-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.carambirubi-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.carambirubi-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #e52228 !important;
}
.carambirubi-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #e52228 !important;
}
.carambirubi-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.carambirubi-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.carambirubi-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #e52228 !important;
}
.carambirubi-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.carambirubi-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.carambirubi-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.carambirubi-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #e52228 !important;
}
.carambirubi-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.carambirubi-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #e52228 !important;
}
.carambirubi-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #e52228 !important;
}
.carambirubi-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #e52228 !important;
}
.carambirubi-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.carambirubi-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.carambirubi-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.carambirubi-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #e52228 !important;
}
.carambirubi-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #e52228 !important;
}
.carambirubi-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ff9899 !important;
}
.carambirubi-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ff9899 !important;
}
.carambirubi-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.carambirubi-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e52228 !important;
}
.carambirubi-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e52228 !important;
}
.carambirubi-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #185a7d !important;
}
.carambirubi-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #e52228 !important;
}
.carambirubi-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #e52228 !important;
}
.carambirubi-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.carambirubi-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.carambirubi-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.carambirubi-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ff9899 !important;
}
.carambirubi-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ff9899 !important;
}
.carambirubi-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.carambirubi-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.carambirubi-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ff9899 !important;
}
.carambirubi-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ff9899 !important;
}
.carambirubi-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ff9899 !important;
}
.carambirubi-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ff9899 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.carambirubi-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ff9899 !important;
}
.carambirubi-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #ff9899 !important;
}
.carambirubi-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #e52228 !important;
}
.carambirubi-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #e52228 !important;
}
.carambirubi-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #e52228 !important;
}
.carambirubi-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.carambirubi-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.carambirubi-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.carambirubi-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.carambirubi-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.carambirubi-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #e52228 !important;
}
.carambirubi-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #e52228 !important;
}
.carambirubi-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #e52228 !important;
}
.carambirubi-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #e52228 !important;
}
.carambirubi-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #e52228 !important;
}
.carambirubi-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #e52228 !important;
}
.carambirubi-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.carambirubi-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #e52228 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.carambirubi-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.carambirubi-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.carambirubi-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.carambirubi-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.carambirubi-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.carambirubi-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #ff9899 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.carambirubi-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #e52228 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #e52228 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.carambirubi-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #e52228 !important;
}
.carambirubi-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.carambirubi-theme .button-text-hidden {
  display: none;
}
.laquetedije-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #1e3f6b;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #1e3f6b 87%, transparent);
  --mat-form-field-filled-caret-color: #1e3f6b;
  --mat-form-field-filled-focus-active-indicator-color: #1e3f6b;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #1e3f6b 87%, transparent);
  --mat-form-field-outlined-caret-color: #1e3f6b;
  --mat-form-field-outlined-focus-outline-color: #1e3f6b;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #1e3f6b 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #1e3f6b;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #1e3f6b;
  --mat-slide-toggle-selected-handle-color: #1e3f6b;
  --mat-slide-toggle-selected-hover-state-layer-color: #1e3f6b;
  --mat-slide-toggle-selected-pressed-state-layer-color: #1e3f6b;
  --mat-slide-toggle-selected-focus-handle-color: #1e3f6b;
  --mat-slide-toggle-selected-hover-handle-color: #1e3f6b;
  --mat-slide-toggle-selected-pressed-handle-color: #1e3f6b;
  --mat-slide-toggle-selected-focus-track-color: #627997;
  --mat-slide-toggle-selected-hover-track-color: #627997;
  --mat-slide-toggle-selected-pressed-track-color: #627997;
  --mat-slide-toggle-selected-track-color: #627997;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #1e3f6b;
  --mat-slider-focus-handle-color: #1e3f6b;
  --mat-slider-handle-color: #1e3f6b;
  --mat-slider-hover-handle-color: #1e3f6b;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #1e3f6b 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #1e3f6b 4%, transparent);
  --mat-slider-inactive-track-color: #1e3f6b;
  --mat-slider-ripple-color: #1e3f6b;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #1e3f6b;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #627997;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #1e3f6b;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #1e3f6b;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #1e3f6b 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #1e3f6b;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #1e3f6b 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #1e3f6b 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #1e3f6b 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #1e3f6b;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #1e3f6b;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #1e3f6b;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #1e3f6b;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #1e3f6b;
  --mat-slide-toggle-selected-handle-color: #1e3f6b;
  --mat-slide-toggle-selected-hover-state-layer-color: #1e3f6b;
  --mat-slide-toggle-selected-pressed-state-layer-color: #1e3f6b;
  --mat-slide-toggle-selected-focus-handle-color: #1e3f6b;
  --mat-slide-toggle-selected-hover-handle-color: #1e3f6b;
  --mat-slide-toggle-selected-pressed-handle-color: #1e3f6b;
  --mat-slide-toggle-selected-focus-track-color: #627997;
  --mat-slide-toggle-selected-hover-track-color: #627997;
  --mat-slide-toggle-selected-pressed-track-color: #627997;
  --mat-slide-toggle-selected-track-color: #627997;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.laquetedije-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.laquetedije-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.laquetedije-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #1e3f6b;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #1e3f6b;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.laquetedije-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.laquetedije-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.laquetedije-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #1e3f6b;
  --mat-progress-bar-track-color: rgba(30, 63, 107, 0.25);
}
.laquetedije-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.laquetedije-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.laquetedije-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.laquetedije-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.laquetedije-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.laquetedije-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.laquetedije-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.laquetedije-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.laquetedije-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.laquetedije-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #1e3f6b;
  --mat-chip-elevated-disabled-container-color: #1e3f6b;
  --mat-chip-elevated-selected-container-color: #1e3f6b;
  --mat-chip-flat-disabled-selected-container-color: #1e3f6b;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.laquetedije-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.laquetedije-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.laquetedije-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.laquetedije-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.laquetedije-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.laquetedije-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.laquetedije-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.laquetedije-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.laquetedije-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.laquetedije-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #1e3f6b;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #1e3f6b;
  --mat-radio-selected-hover-icon-color: #1e3f6b;
  --mat-radio-selected-icon-color: #1e3f6b;
  --mat-radio-selected-pressed-icon-color: #1e3f6b;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.laquetedije-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.laquetedije-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.laquetedije-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.laquetedije-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.laquetedije-theme .mdc-list-item__start,
.laquetedije-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #1e3f6b;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #1e3f6b;
  --mat-radio-selected-hover-icon-color: #1e3f6b;
  --mat-radio-selected-icon-color: #1e3f6b;
  --mat-radio-selected-pressed-icon-color: #1e3f6b;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.laquetedije-theme .mat-accent .mdc-list-item__start,
.laquetedije-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.laquetedije-theme .mat-warn .mdc-list-item__start,
.laquetedije-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.laquetedije-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #1e3f6b;
  --mat-checkbox-selected-hover-icon-color: #1e3f6b;
  --mat-checkbox-selected-icon-color: #1e3f6b;
  --mat-checkbox-selected-pressed-icon-color: #1e3f6b;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #1e3f6b;
  --mat-checkbox-selected-hover-state-layer-color: #1e3f6b;
  --mat-checkbox-selected-pressed-state-layer-color: #1e3f6b;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.laquetedije-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.laquetedije-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.laquetedije-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.laquetedije-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.laquetedije-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.laquetedije-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #1e3f6b;
}
.laquetedije-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.laquetedije-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.laquetedije-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.laquetedije-theme .mdc-list-item__start,
.laquetedije-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.laquetedije-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.laquetedije-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.laquetedije-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.laquetedije-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.laquetedije-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.laquetedije-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.laquetedije-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.laquetedije-theme .mat-mdc-tab-group,
.laquetedije-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #1e3f6b;
  --mat-tab-active-ripple-color: #1e3f6b;
  --mat-tab-inactive-ripple-color: #1e3f6b;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #1e3f6b;
  --mat-tab-active-hover-label-text-color: #1e3f6b;
  --mat-tab-active-focus-indicator-color: #1e3f6b;
  --mat-tab-active-hover-indicator-color: #1e3f6b;
  --mat-tab-active-indicator-color: #1e3f6b;
}
.laquetedije-theme .mat-mdc-tab-group.mat-accent,
.laquetedije-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.laquetedije-theme .mat-mdc-tab-group.mat-warn,
.laquetedije-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.laquetedije-theme .mat-mdc-tab-group.mat-background-primary,
.laquetedije-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #1e3f6b;
  --mat-tab-foreground-color: #ffffff;
}
.laquetedije-theme .mat-mdc-tab-group.mat-background-accent,
.laquetedije-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.laquetedije-theme .mat-mdc-tab-group.mat-background-warn,
.laquetedije-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.laquetedije-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.laquetedije-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.laquetedije-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #1e3f6b;
  --mat-checkbox-selected-hover-icon-color: #1e3f6b;
  --mat-checkbox-selected-icon-color: #1e3f6b;
  --mat-checkbox-selected-pressed-icon-color: #1e3f6b;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #1e3f6b;
  --mat-checkbox-selected-hover-state-layer-color: #1e3f6b;
  --mat-checkbox-selected-pressed-state-layer-color: #1e3f6b;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.laquetedije-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.laquetedije-theme .mat-mdc-button.mat-primary,
.laquetedije-theme .mat-mdc-unelevated-button.mat-primary,
.laquetedije-theme .mat-mdc-raised-button.mat-primary,
.laquetedije-theme .mat-mdc-outlined-button.mat-primary,
.laquetedije-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #1e3f6b;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #1e3f6b;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #1e3f6b 12%, transparent);
  --mat-button-outlined-state-layer-color: #1e3f6b;
  --mat-button-protected-container-color: #1e3f6b;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #1e3f6b;
  --mat-button-text-ripple-color: color-mix(in srgb, #1e3f6b 12%, transparent);
  --mat-button-text-state-layer-color: #1e3f6b;
  --mat-button-tonal-container-color: #1e3f6b;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.laquetedije-theme .mat-mdc-button.mat-accent,
.laquetedije-theme .mat-mdc-unelevated-button.mat-accent,
.laquetedije-theme .mat-mdc-raised-button.mat-accent,
.laquetedije-theme .mat-mdc-outlined-button.mat-accent,
.laquetedije-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.laquetedije-theme .mat-mdc-button.mat-warn,
.laquetedije-theme .mat-mdc-unelevated-button.mat-warn,
.laquetedije-theme .mat-mdc-raised-button.mat-warn,
.laquetedije-theme .mat-mdc-outlined-button.mat-warn,
.laquetedije-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.laquetedije-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #1e3f6b;
  --mat-icon-button-state-layer-color: #1e3f6b;
  --mat-icon-button-ripple-color: color-mix(in srgb, #1e3f6b 12%, transparent);
}
.laquetedije-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.laquetedije-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.laquetedije-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.laquetedije-theme .mat-mdc-fab.mat-primary,
.laquetedije-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #1e3f6b;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #1e3f6b 12%, transparent);
  --mat-fab-small-container-color: #1e3f6b;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.laquetedije-theme .mat-mdc-fab.mat-accent,
.laquetedije-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.laquetedije-theme .mat-mdc-fab.mat-warn,
.laquetedije-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.laquetedije-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.laquetedije-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.laquetedije-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.laquetedije-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.laquetedije-theme .mat-datepicker-content.mat-accent,
.laquetedije-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.laquetedije-theme .mat-datepicker-content.mat-warn,
.laquetedije-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.laquetedije-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.laquetedije-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.laquetedije-theme .mat-icon.mat-primary {
  --mat-icon-color: #1e3f6b;
}
.laquetedije-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.laquetedije-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.laquetedije-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.laquetedije-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.laquetedije-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #1e3f6b;
  --mat-toolbar-container-text-color: #ffffff;
}
.laquetedije-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.laquetedije-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.laquetedije-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.laquetedije-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.laquetedije-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.laquetedije-theme .back-container {
  color: #1e3f6b;
}
.laquetedije-theme .back-container:hover {
  opacity: 0.54;
}
.laquetedije-theme .warn-text {
  color: #e74737;
}
.laquetedije-theme .inside-modal-title.primary-colored-title,
.laquetedije-theme .form-title.primary-colored-title {
  color: #1e3f6b;
}
.laquetedije-theme .full-height-container form .button-container {
  background: white;
}
.laquetedije-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.laquetedije-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.laquetedije-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.laquetedije-theme .box-checkbox.active-box-checkbox {
  background-color: #1e3f6b;
  color: white;
}
.laquetedije-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.laquetedije-theme .box-radio.active-box-radio {
  background-color: #1e3f6b;
  color: white;
}
.laquetedije-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.laquetedije-theme .error {
  color: #e74737;
}
.laquetedije-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.laquetedije-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.laquetedije-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.laquetedije-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.laquetedije-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.laquetedije-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.laquetedije-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.laquetedije-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.laquetedije-theme .ql-snow .ql-picker-options {
  background: white;
}
.laquetedije-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.laquetedije-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.laquetedije-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.laquetedije-theme .ql-snow .ql-fill,
.laquetedije-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.laquetedije-theme .ql-snow.ql-toolbar button:hover,
.laquetedije-theme .ql-snow .ql-toolbar button:hover,
.laquetedije-theme .ql-snow.ql-toolbar button:focus,
.laquetedije-theme .ql-snow .ql-toolbar button:focus,
.laquetedije-theme .ql-snow.ql-toolbar button.ql-active,
.laquetedije-theme .ql-snow .ql-toolbar button.ql-active,
.laquetedije-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.laquetedije-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.laquetedije-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.laquetedije-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.laquetedije-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.laquetedije-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.laquetedije-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.laquetedije-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.laquetedije-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.laquetedije-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.laquetedije-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.laquetedije-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.laquetedije-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.laquetedije-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.laquetedije-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.laquetedije-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.laquetedije-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.laquetedije-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.laquetedije-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.laquetedije-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.laquetedije-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.laquetedije-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.laquetedije-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.laquetedije-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.laquetedije-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.laquetedije-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.laquetedije-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.laquetedije-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.laquetedije-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.laquetedije-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.laquetedije-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.laquetedije-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.laquetedije-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.laquetedije-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.laquetedije-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.laquetedije-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.laquetedije-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.laquetedije-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.laquetedije-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.laquetedije-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.laquetedije-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.laquetedije-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.laquetedije-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.laquetedije-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.laquetedije-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.laquetedije-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.laquetedije-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.laquetedije-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.laquetedije-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.laquetedije-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.laquetedije-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.laquetedije-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.laquetedije-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.laquetedije-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.laquetedije-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.laquetedije-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.laquetedije-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.laquetedije-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.laquetedije-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.laquetedije-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.laquetedije-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.laquetedije-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.laquetedije-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.laquetedije-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.laquetedije-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.laquetedije-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.laquetedije-theme bee-form-item {
  margin-right: 0 !important;
}
.laquetedije-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.laquetedije-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #1e3f6b;
  height: 38px !important;
}
.laquetedije-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.laquetedije-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.laquetedije-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.laquetedije-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.laquetedije-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.laquetedije-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.laquetedije-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.laquetedije-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.laquetedije-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .laquetedije-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.laquetedije-theme .general-container .label-wrapper label {
  color: #1e3f6b !important;
  background-color: white;
}
.laquetedije-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.laquetedije-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.laquetedije-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.laquetedije-theme .general-container .bee-selector .bee-selector-container {
  border-color: #1e3f6b !important;
}
.laquetedije-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.laquetedije-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.laquetedije-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.laquetedije-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.laquetedije-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.laquetedije-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.laquetedije-theme .general-container .bee-selector .bee-selector-container:focus,
.laquetedije-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #1e3f6b;
}
.laquetedije-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.laquetedije-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #1e3f6b;
}
.laquetedije-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.laquetedije-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #1e3f6b;
}
.laquetedije-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.laquetedije-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.laquetedije-theme .general-container .bee-dropdown {
  background: white;
}
.laquetedije-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #1e3f6b;
}
.laquetedije-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.laquetedije-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.laquetedije-theme .general-container .selector-error {
  color: #e74737;
}
.laquetedije-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.laquetedije-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.laquetedije-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.laquetedije-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.laquetedije-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #1e3f6b;
}
.laquetedije-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.laquetedije-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.laquetedije-theme .move-image-action-container:hover {
  color: #1e3f6b;
}
.laquetedije-theme .info-icon {
  color: #1e3f6b;
}
.laquetedije-theme .email-chip {
  color: #1e3f6b !important;
  background-color: rgba(30, 63, 107, 0.15) !important;
}
.laquetedije-theme .email-chip .mat-chip-remove {
  color: #1e3f6b !important;
  opacity: 1 !important;
}
.laquetedije-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.laquetedije-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.laquetedije-theme .mat-badge-content {
  color: #1e3f6b !important;
}
.laquetedije-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #1e3f6b !important;
}
.laquetedije-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #1e3f6b !important;
}
.laquetedije-theme #circle-lleno {
  background: #18A1B9;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.laquetedije-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.laquetedije-theme .marine-color {
  color: #0f223e !important;
}
.laquetedije-theme .primary-color {
  color: #1e3f6b !important;
}
.laquetedije-theme .gray-color {
  color: #C0C4CA !important;
}
.laquetedije-theme .primary-color-200 {
  color: #8f9fb5 !important;
}
.laquetedije-theme svg.primary-fill-svg {
  fill: #1e3f6b !important;
}
.laquetedije-theme .primary-fill {
  fill: #1e3f6b !important;
}
.laquetedije-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.laquetedije-theme .primary-border-50 {
  border-color: #e4e8ed !important;
}
.laquetedije-theme .primary-border-100 {
  border-color: #bcc5d3 !important;
}
.laquetedije-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.laquetedije-theme .transparent-border-100 {
  border-color: transparent !important;
}
.laquetedije-theme .primary-border-200 {
  border-color: #8f9fb5 !important;
}
.laquetedije-theme .primary-indicator .mat-expansion-indicator:after {
  color: #1e3f6b;
}
.laquetedije-theme .contrast-background {
  background-color: #ffffff !important;
}
.laquetedije-theme .primary-color-small {
  color: rgba(30, 63, 107, 0.6);
}
.laquetedije-theme .marine-background {
  background-color: #0f223e !important;
}
.laquetedije-theme .primary-background {
  background-color: #1e3f6b !important;
}
.laquetedije-theme .primary-background-50 {
  background-color: #e4e8ed !important;
}
.laquetedije-theme .primary-background-200 {
  background-color: #8f9fb5 !important;
}
.laquetedije-theme .primary-background-800 {
  background-color: #12294e !important;
}
.laquetedije-theme .white-color {
  color: white !important;
}
.laquetedije-theme .secondary-color {
  color: #18A1B9 !important;
}
.laquetedije-theme .secondary-background {
  background-color: #18A1B9 !important;
}
.laquetedije-theme .secondary-background-semi {
  background-color: #1e3f6b !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #1e3f6b !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.laquetedije-theme .secondary-background-full {
  background-color: #1e3f6b !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #1e3f6b !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.laquetedije-theme .secondary-background-empty {
  background-color: #1e3f6b !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #1e3f6b !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.laquetedije-theme .secondary-border {
  background-color: #18A1B9 !important;
}
.laquetedije-theme .tertiary-color {
  color: #18A1B9 !important;
}
.laquetedije-theme button.button-tertiary {
  background-color: #18A1B9 !important;
  color: #1e3f6b !important;
  border: 1px solid #1e3f6b !important;
}
.laquetedije-theme span.red-text {
  color: #DB1F35 !important;
}
.laquetedije-theme .tertiary-background {
  background-color: #18A1B9 !important;
}
.laquetedije-theme .tertiary-border {
  border-color: #18A1B9 !important;
}
.laquetedije-theme .dark-background {
  background-color: black !important;
}
.laquetedije-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.laquetedije-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.laquetedije-theme .primary-soft-background {
  background-color: rgba(30, 63, 107, 0.1) !important;
}
.laquetedije-theme .primary-soft-background:hover {
  background-color: rgba(30, 63, 107, 0.15) !important;
}
.laquetedije-theme .primary-border {
  border-color: #1e3f6b !important;
}
.laquetedije-theme .default-background {
  background-color: #fafafa !important;
}
.laquetedije-theme .hover-primary:hover {
  color: #1e3f6b !important;
}
.laquetedije-theme .hover-primary-background:hover {
  background-color: #1e3f6b !important;
}
.laquetedije-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.laquetedije-theme .warn-color {
  color: #e74737 !important;
}
.laquetedije-theme .warn-border {
  border-color: #e74737 !important;
}
.laquetedije-theme .accent-color {
  color: #fedd93 !important;
}
.laquetedije-theme .accent-background {
  background-color: #fedd93 !important;
}
.laquetedije-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.laquetedije-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.laquetedije-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.laquetedije-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.laquetedije-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.laquetedije-theme .dialog-table tr .action-icon {
  color: transparent;
}
.laquetedije-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.laquetedije-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.laquetedije-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #1e3f6b;
}
.laquetedije-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.laquetedije-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.laquetedije-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.laquetedije-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.laquetedije-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.laquetedije-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.laquetedije-theme .card-table tr .action-icon {
  color: transparent;
}
.laquetedije-theme .card-table tr .action-icon button {
  color: transparent;
}
.laquetedije-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.laquetedije-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.laquetedije-theme .card-table tr:hover .action-icon button {
  color: #1e3f6b;
}
.laquetedije-theme .card-table tr:hover .action-icon:hover {
  color: #1e3f6b;
}
.laquetedije-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.laquetedije-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.laquetedije-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.laquetedije-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.laquetedije-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #1e3f6b;
}
.laquetedije-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.laquetedije-theme .no-hover-table tr:hover {
  background: white;
}
.laquetedije-theme .custom-standard-chip {
  background-color: rgba(30, 63, 107, 0.1) !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .help-dashboard-card .mat-icon {
  color: #1e3f6b;
}
.laquetedije-theme .help-dashboard-card:hover {
  background-color: #1e3f6b;
}
.laquetedije-theme .help-dashboard-card:hover .mat-icon,
.laquetedije-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.laquetedije-theme .room-open {
  background-color: #1e3f6b !important;
  color: white !important;
}
.laquetedije-theme .room-open:hover {
  background-color: #1e3f6b !important;
  color: white !important;
}
.laquetedije-theme #public-office-page-groups .public-group-button-hover {
  background-color: #1e3f6b !important;
  color: white !important;
}
.laquetedije-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.laquetedije-theme .notification-container .show-tip {
  color: transparent;
}
.laquetedije-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.laquetedije-theme .notification-container:hover .show-tip {
  color: #1e3f6b;
}
.laquetedije-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.laquetedije-theme .notification-container .notification-subject .mat-icon {
  color: #1e3f6b;
}
.laquetedije-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.laquetedije-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.laquetedije-theme .message-container .show-tip {
  color: transparent;
}
.laquetedije-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.laquetedije-theme .message-container:hover .show-tip {
  color: #1e3f6b;
}
.laquetedije-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.laquetedije-theme .message-container .message-subject .mat-icon {
  color: #1e3f6b;
}
.laquetedije-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.laquetedije-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.laquetedije-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.laquetedije-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.laquetedije-theme .primary-200-outline input {
  caret-color: #8f9fb5;
  color: #1e3f6b;
}
.laquetedije-theme .primary-200-outline label {
  color: #8f9fb5;
}
.laquetedije-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #8f9fb5 !important;
}
.laquetedije-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #8f9fb5;
}
.laquetedije-theme mat-form-field .primary-outline label {
  color: #1e3f6b !important;
}
.laquetedije-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #1e3f6b !important;
}
.laquetedije-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #1e3f6b !important;
}
.laquetedije-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.laquetedije-theme .input-primary input {
  caret-color: #1e3f6b;
  color: #1e3f6b;
}
.laquetedije-theme .input-primary label {
  color: #1e3f6b;
}
.laquetedije-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #1e3f6b !important;
}
.laquetedije-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.laquetedije-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #1e3f6b;
  border-width: 1px;
}
.laquetedije-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.laquetedije-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.laquetedije-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.laquetedije-theme .boton-recarga {
  background-color: #1e3f6b;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.laquetedije-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.laquetedije-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.laquetedije-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.laquetedije-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.laquetedije-theme .header-container button {
  padding: 0 !important;
}
.laquetedije-theme .header-container .mat-button {
  min-width: unset !important;
}
.laquetedije-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.laquetedije-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.laquetedije-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.laquetedije-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.laquetedije-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.laquetedije-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.laquetedije-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.laquetedije-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.laquetedije-theme .input-recarga-marine {
  border: 1px solid #1e3f6b !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.laquetedije-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.laquetedije-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.laquetedije-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.laquetedije-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.laquetedije-theme .color-primary {
  color: #1e3f6b !important;
  fill: #1e3f6b !important;
}
.laquetedije-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.laquetedije-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.laquetedije-theme .primary-contrast {
  color: #ffffff !important;
}
.laquetedije-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.laquetedije-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.laquetedije-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.laquetedije-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.laquetedije-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.laquetedije-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.laquetedije-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.laquetedije-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.laquetedije-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #18A1B9 !important;
}
.laquetedije-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.laquetedije-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .mat-checkbox-checked .mat-checkbox-background,
.laquetedije-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #1e3f6b !important;
}
.laquetedije-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.laquetedije-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.laquetedije-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #8f9fb5 !important;
}
.laquetedije-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.laquetedije-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.laquetedije-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.laquetedije-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.laquetedije-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.laquetedije-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.laquetedije-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.laquetedije-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #1e3f6b !important;
}
.laquetedije-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.laquetedije-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.laquetedije-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.laquetedije-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.laquetedije-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.laquetedije-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.laquetedije-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.laquetedije-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.laquetedije-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.laquetedije-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #18A1B9 !important;
}
.laquetedije-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #18A1B9 !important;
}
.laquetedije-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.laquetedije-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.laquetedije-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.laquetedije-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.laquetedije-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.laquetedije-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #18A1B9 !important;
}
.laquetedije-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #18A1B9 !important;
}
.laquetedije-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.laquetedije-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.laquetedije-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #18A1B9 !important;
}
.laquetedije-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #18A1B9 !important;
}
.laquetedije-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #18A1B9 !important;
}
.laquetedije-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #18A1B9 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.laquetedije-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #18A1B9 !important;
}
.laquetedije-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #18A1B9 !important;
}
.laquetedije-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.laquetedije-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.laquetedije-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.laquetedije-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.laquetedije-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.laquetedije-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #1e3f6b !important;
}
.laquetedije-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.laquetedije-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #1e3f6b !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.laquetedije-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.laquetedije-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.laquetedije-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.laquetedije-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.laquetedije-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.laquetedije-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #18A1B9 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.laquetedije-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #1e3f6b !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #1e3f6b !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.laquetedije-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #1e3f6b !important;
}
.laquetedije-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.laquetedije-theme .button-text-hidden {
  display: none;
}
.porpeteneras-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #000000;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #000000 87%, transparent);
  --mat-form-field-filled-caret-color: #000000;
  --mat-form-field-filled-focus-active-indicator-color: #000000;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #000000 87%, transparent);
  --mat-form-field-outlined-caret-color: #000000;
  --mat-form-field-outlined-focus-outline-color: #000000;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #000000 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #000000;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #000000;
  --mat-slide-toggle-selected-handle-color: #000000;
  --mat-slide-toggle-selected-hover-state-layer-color: #000000;
  --mat-slide-toggle-selected-pressed-state-layer-color: #000000;
  --mat-slide-toggle-selected-focus-handle-color: #000000;
  --mat-slide-toggle-selected-hover-handle-color: #000000;
  --mat-slide-toggle-selected-pressed-handle-color: #000000;
  --mat-slide-toggle-selected-focus-track-color: #4d4d4d;
  --mat-slide-toggle-selected-hover-track-color: #4d4d4d;
  --mat-slide-toggle-selected-pressed-track-color: #4d4d4d;
  --mat-slide-toggle-selected-track-color: #4d4d4d;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #000000;
  --mat-slider-focus-handle-color: #000000;
  --mat-slider-handle-color: #000000;
  --mat-slider-hover-handle-color: #000000;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #000000 4%, transparent);
  --mat-slider-inactive-track-color: #000000;
  --mat-slider-ripple-color: #000000;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #000000;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #4d4d4d;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #000000;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #000000;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #000000 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #000000;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #000000 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #000000 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #000000;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #000000;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #000000;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #000000;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #000000;
  --mat-slide-toggle-selected-handle-color: #000000;
  --mat-slide-toggle-selected-hover-state-layer-color: #000000;
  --mat-slide-toggle-selected-pressed-state-layer-color: #000000;
  --mat-slide-toggle-selected-focus-handle-color: #000000;
  --mat-slide-toggle-selected-hover-handle-color: #000000;
  --mat-slide-toggle-selected-pressed-handle-color: #000000;
  --mat-slide-toggle-selected-focus-track-color: #4d4d4d;
  --mat-slide-toggle-selected-hover-track-color: #4d4d4d;
  --mat-slide-toggle-selected-pressed-track-color: #4d4d4d;
  --mat-slide-toggle-selected-track-color: #4d4d4d;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.porpeteneras-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.porpeteneras-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.porpeteneras-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #000000;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #000000;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.porpeteneras-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.porpeteneras-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.porpeteneras-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #000000;
  --mat-progress-bar-track-color: rgba(0, 0, 0, 0.25);
}
.porpeteneras-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.porpeteneras-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.porpeteneras-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.porpeteneras-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.porpeteneras-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.porpeteneras-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.porpeteneras-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.porpeteneras-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.porpeteneras-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.porpeteneras-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #000000;
  --mat-chip-elevated-disabled-container-color: #000000;
  --mat-chip-elevated-selected-container-color: #000000;
  --mat-chip-flat-disabled-selected-container-color: #000000;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.porpeteneras-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.porpeteneras-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.porpeteneras-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.porpeteneras-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.porpeteneras-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.porpeteneras-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.porpeteneras-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.porpeteneras-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.porpeteneras-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.porpeteneras-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #000000;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #000000;
  --mat-radio-selected-hover-icon-color: #000000;
  --mat-radio-selected-icon-color: #000000;
  --mat-radio-selected-pressed-icon-color: #000000;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.porpeteneras-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.porpeteneras-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.porpeteneras-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.porpeteneras-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.porpeteneras-theme .mdc-list-item__start,
.porpeteneras-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #000000;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #000000;
  --mat-radio-selected-hover-icon-color: #000000;
  --mat-radio-selected-icon-color: #000000;
  --mat-radio-selected-pressed-icon-color: #000000;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.porpeteneras-theme .mat-accent .mdc-list-item__start,
.porpeteneras-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.porpeteneras-theme .mat-warn .mdc-list-item__start,
.porpeteneras-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.porpeteneras-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #000000;
  --mat-checkbox-selected-hover-icon-color: #000000;
  --mat-checkbox-selected-icon-color: #000000;
  --mat-checkbox-selected-pressed-icon-color: #000000;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #000000;
  --mat-checkbox-selected-hover-state-layer-color: #000000;
  --mat-checkbox-selected-pressed-state-layer-color: #000000;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.porpeteneras-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.porpeteneras-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.porpeteneras-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.porpeteneras-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.porpeteneras-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.porpeteneras-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #000000;
}
.porpeteneras-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.porpeteneras-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.porpeteneras-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.porpeteneras-theme .mdc-list-item__start,
.porpeteneras-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.porpeteneras-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.porpeteneras-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.porpeteneras-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.porpeteneras-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.porpeteneras-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.porpeteneras-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.porpeteneras-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.porpeteneras-theme .mat-mdc-tab-group,
.porpeteneras-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #000000;
  --mat-tab-active-ripple-color: #000000;
  --mat-tab-inactive-ripple-color: #000000;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #000000;
  --mat-tab-active-hover-label-text-color: #000000;
  --mat-tab-active-focus-indicator-color: #000000;
  --mat-tab-active-hover-indicator-color: #000000;
  --mat-tab-active-indicator-color: #000000;
}
.porpeteneras-theme .mat-mdc-tab-group.mat-accent,
.porpeteneras-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.porpeteneras-theme .mat-mdc-tab-group.mat-warn,
.porpeteneras-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.porpeteneras-theme .mat-mdc-tab-group.mat-background-primary,
.porpeteneras-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #000000;
  --mat-tab-foreground-color: #ffffff;
}
.porpeteneras-theme .mat-mdc-tab-group.mat-background-accent,
.porpeteneras-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.porpeteneras-theme .mat-mdc-tab-group.mat-background-warn,
.porpeteneras-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.porpeteneras-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.porpeteneras-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.porpeteneras-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #000000;
  --mat-checkbox-selected-hover-icon-color: #000000;
  --mat-checkbox-selected-icon-color: #000000;
  --mat-checkbox-selected-pressed-icon-color: #000000;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #000000;
  --mat-checkbox-selected-hover-state-layer-color: #000000;
  --mat-checkbox-selected-pressed-state-layer-color: #000000;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.porpeteneras-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.porpeteneras-theme .mat-mdc-button.mat-primary,
.porpeteneras-theme .mat-mdc-unelevated-button.mat-primary,
.porpeteneras-theme .mat-mdc-raised-button.mat-primary,
.porpeteneras-theme .mat-mdc-outlined-button.mat-primary,
.porpeteneras-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #000000;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #000000;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-outlined-state-layer-color: #000000;
  --mat-button-protected-container-color: #000000;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #000000;
  --mat-button-text-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-text-state-layer-color: #000000;
  --mat-button-tonal-container-color: #000000;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.porpeteneras-theme .mat-mdc-button.mat-accent,
.porpeteneras-theme .mat-mdc-unelevated-button.mat-accent,
.porpeteneras-theme .mat-mdc-raised-button.mat-accent,
.porpeteneras-theme .mat-mdc-outlined-button.mat-accent,
.porpeteneras-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.porpeteneras-theme .mat-mdc-button.mat-warn,
.porpeteneras-theme .mat-mdc-unelevated-button.mat-warn,
.porpeteneras-theme .mat-mdc-raised-button.mat-warn,
.porpeteneras-theme .mat-mdc-outlined-button.mat-warn,
.porpeteneras-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.porpeteneras-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #000000;
  --mat-icon-button-state-layer-color: #000000;
  --mat-icon-button-ripple-color: color-mix(in srgb, #000000 12%, transparent);
}
.porpeteneras-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.porpeteneras-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.porpeteneras-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.porpeteneras-theme .mat-mdc-fab.mat-primary,
.porpeteneras-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #000000;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-container-color: #000000;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.porpeteneras-theme .mat-mdc-fab.mat-accent,
.porpeteneras-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.porpeteneras-theme .mat-mdc-fab.mat-warn,
.porpeteneras-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.porpeteneras-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.porpeteneras-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.porpeteneras-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.porpeteneras-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.porpeteneras-theme .mat-datepicker-content.mat-accent,
.porpeteneras-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.porpeteneras-theme .mat-datepicker-content.mat-warn,
.porpeteneras-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.porpeteneras-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.porpeteneras-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.porpeteneras-theme .mat-icon.mat-primary {
  --mat-icon-color: #000000;
}
.porpeteneras-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.porpeteneras-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.porpeteneras-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.porpeteneras-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.porpeteneras-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #000000;
  --mat-toolbar-container-text-color: #ffffff;
}
.porpeteneras-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.porpeteneras-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.porpeteneras-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.porpeteneras-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.porpeteneras-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.porpeteneras-theme .back-container {
  color: #000000;
}
.porpeteneras-theme .back-container:hover {
  opacity: 0.54;
}
.porpeteneras-theme .warn-text {
  color: #e74737;
}
.porpeteneras-theme .inside-modal-title.primary-colored-title,
.porpeteneras-theme .form-title.primary-colored-title {
  color: #000000;
}
.porpeteneras-theme .full-height-container form .button-container {
  background: white;
}
.porpeteneras-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.porpeteneras-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.porpeteneras-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.porpeteneras-theme .box-checkbox.active-box-checkbox {
  background-color: #000000;
  color: white;
}
.porpeteneras-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.porpeteneras-theme .box-radio.active-box-radio {
  background-color: #000000;
  color: white;
}
.porpeteneras-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.porpeteneras-theme .error {
  color: #e74737;
}
.porpeteneras-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.porpeteneras-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.porpeteneras-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.porpeteneras-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.porpeteneras-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.porpeteneras-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.porpeteneras-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.porpeteneras-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.porpeteneras-theme .ql-snow .ql-picker-options {
  background: white;
}
.porpeteneras-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.porpeteneras-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.porpeteneras-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.porpeteneras-theme .ql-snow .ql-fill,
.porpeteneras-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.porpeteneras-theme .ql-snow.ql-toolbar button:hover,
.porpeteneras-theme .ql-snow .ql-toolbar button:hover,
.porpeteneras-theme .ql-snow.ql-toolbar button:focus,
.porpeteneras-theme .ql-snow .ql-toolbar button:focus,
.porpeteneras-theme .ql-snow.ql-toolbar button.ql-active,
.porpeteneras-theme .ql-snow .ql-toolbar button.ql-active,
.porpeteneras-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.porpeteneras-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.porpeteneras-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.porpeteneras-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.porpeteneras-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.porpeteneras-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.porpeteneras-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.porpeteneras-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.porpeteneras-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.porpeteneras-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.porpeteneras-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.porpeteneras-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.porpeteneras-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.porpeteneras-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.porpeteneras-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.porpeteneras-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.porpeteneras-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.porpeteneras-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.porpeteneras-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.porpeteneras-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.porpeteneras-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.porpeteneras-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.porpeteneras-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.porpeteneras-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.porpeteneras-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.porpeteneras-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.porpeteneras-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.porpeteneras-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.porpeteneras-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.porpeteneras-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.porpeteneras-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.porpeteneras-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.porpeteneras-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.porpeteneras-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.porpeteneras-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.porpeteneras-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.porpeteneras-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.porpeteneras-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.porpeteneras-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.porpeteneras-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.porpeteneras-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.porpeteneras-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.porpeteneras-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.porpeteneras-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.porpeteneras-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.porpeteneras-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.porpeteneras-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.porpeteneras-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.porpeteneras-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.porpeteneras-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.porpeteneras-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.porpeteneras-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.porpeteneras-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.porpeteneras-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.porpeteneras-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.porpeteneras-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.porpeteneras-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.porpeteneras-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.porpeteneras-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.porpeteneras-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.porpeteneras-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.porpeteneras-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.porpeteneras-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.porpeteneras-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.porpeteneras-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.porpeteneras-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.porpeteneras-theme bee-form-item {
  margin-right: 0 !important;
}
.porpeteneras-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.porpeteneras-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #000000;
  height: 38px !important;
}
.porpeteneras-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.porpeteneras-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.porpeteneras-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.porpeteneras-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.porpeteneras-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.porpeteneras-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.porpeteneras-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.porpeteneras-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.porpeteneras-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .porpeteneras-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.porpeteneras-theme .general-container .label-wrapper label {
  color: #000000 !important;
  background-color: white;
}
.porpeteneras-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.porpeteneras-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.porpeteneras-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.porpeteneras-theme .general-container .bee-selector .bee-selector-container {
  border-color: #000000 !important;
}
.porpeteneras-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.porpeteneras-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.porpeteneras-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.porpeteneras-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.porpeteneras-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.porpeteneras-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.porpeteneras-theme .general-container .bee-selector .bee-selector-container:focus,
.porpeteneras-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #000000;
}
.porpeteneras-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.porpeteneras-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #000000;
}
.porpeteneras-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.porpeteneras-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #000000;
}
.porpeteneras-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.porpeteneras-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.porpeteneras-theme .general-container .bee-dropdown {
  background: white;
}
.porpeteneras-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #000000;
}
.porpeteneras-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.porpeteneras-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.porpeteneras-theme .general-container .selector-error {
  color: #e74737;
}
.porpeteneras-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.porpeteneras-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.porpeteneras-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.porpeteneras-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.porpeteneras-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #000000;
}
.porpeteneras-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.porpeteneras-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.porpeteneras-theme .move-image-action-container:hover {
  color: #000000;
}
.porpeteneras-theme .info-icon {
  color: #000000;
}
.porpeteneras-theme .email-chip {
  color: #000000 !important;
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.porpeteneras-theme .email-chip .mat-chip-remove {
  color: #000000 !important;
  opacity: 1 !important;
}
.porpeteneras-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.porpeteneras-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.porpeteneras-theme .mat-badge-content {
  color: #000000 !important;
}
.porpeteneras-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #000000 !important;
}
.porpeteneras-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #000000 !important;
}
.porpeteneras-theme #circle-lleno {
  background: #E61925;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.porpeteneras-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.porpeteneras-theme .marine-color {
  color: #0f223e !important;
}
.porpeteneras-theme .primary-color {
  color: #000000 !important;
}
.porpeteneras-theme .gray-color {
  color: #C0C4CA !important;
}
.porpeteneras-theme .primary-color-200 {
  color: #808080 !important;
}
.porpeteneras-theme svg.primary-fill-svg {
  fill: #000000 !important;
}
.porpeteneras-theme .primary-fill {
  fill: #000000 !important;
}
.porpeteneras-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.porpeteneras-theme .primary-border-50 {
  border-color: #e0e0e0 !important;
}
.porpeteneras-theme .primary-border-100 {
  border-color: #b3b3b3 !important;
}
.porpeteneras-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.porpeteneras-theme .transparent-border-100 {
  border-color: transparent !important;
}
.porpeteneras-theme .primary-border-200 {
  border-color: #808080 !important;
}
.porpeteneras-theme .primary-indicator .mat-expansion-indicator:after {
  color: #000000;
}
.porpeteneras-theme .contrast-background {
  background-color: #ffffff !important;
}
.porpeteneras-theme .primary-color-small {
  color: rgba(0, 0, 0, 0.6);
}
.porpeteneras-theme .marine-background {
  background-color: #0f223e !important;
}
.porpeteneras-theme .primary-background {
  background-color: #000000 !important;
}
.porpeteneras-theme .primary-background-50 {
  background-color: #e0e0e0 !important;
}
.porpeteneras-theme .primary-background-200 {
  background-color: #808080 !important;
}
.porpeteneras-theme .primary-background-800 {
  background-color: #000000 !important;
}
.porpeteneras-theme .white-color {
  color: white !important;
}
.porpeteneras-theme .secondary-color {
  color: #E61925 !important;
}
.porpeteneras-theme .secondary-background {
  background-color: #E61925 !important;
}
.porpeteneras-theme .secondary-background-semi {
  background-color: #000000 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #000000 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.porpeteneras-theme .secondary-background-full {
  background-color: #000000 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #000000 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.porpeteneras-theme .secondary-background-empty {
  background-color: #000000 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #000000 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.porpeteneras-theme .secondary-border {
  background-color: #E61925 !important;
}
.porpeteneras-theme .tertiary-color {
  color: #E61925 !important;
}
.porpeteneras-theme button.button-tertiary {
  background-color: #E61925 !important;
  color: #000000 !important;
  border: 1px solid #000000 !important;
}
.porpeteneras-theme span.red-text {
  color: #DB1F35 !important;
}
.porpeteneras-theme .tertiary-background {
  background-color: #E61925 !important;
}
.porpeteneras-theme .tertiary-border {
  border-color: #E61925 !important;
}
.porpeteneras-theme .dark-background {
  background-color: black !important;
}
.porpeteneras-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.porpeteneras-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.porpeteneras-theme .primary-soft-background {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.porpeteneras-theme .primary-soft-background:hover {
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.porpeteneras-theme .primary-border {
  border-color: #000000 !important;
}
.porpeteneras-theme .default-background {
  background-color: #fafafa !important;
}
.porpeteneras-theme .hover-primary:hover {
  color: #000000 !important;
}
.porpeteneras-theme .hover-primary-background:hover {
  background-color: #000000 !important;
}
.porpeteneras-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.porpeteneras-theme .warn-color {
  color: #e74737 !important;
}
.porpeteneras-theme .warn-border {
  border-color: #e74737 !important;
}
.porpeteneras-theme .accent-color {
  color: #fedd93 !important;
}
.porpeteneras-theme .accent-background {
  background-color: #fedd93 !important;
}
.porpeteneras-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.porpeteneras-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.porpeteneras-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.porpeteneras-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.porpeteneras-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.porpeteneras-theme .dialog-table tr .action-icon {
  color: transparent;
}
.porpeteneras-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.porpeteneras-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.porpeteneras-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #000000;
}
.porpeteneras-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.porpeteneras-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.porpeteneras-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.porpeteneras-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.porpeteneras-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.porpeteneras-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.porpeteneras-theme .card-table tr .action-icon {
  color: transparent;
}
.porpeteneras-theme .card-table tr .action-icon button {
  color: transparent;
}
.porpeteneras-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.porpeteneras-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.porpeteneras-theme .card-table tr:hover .action-icon button {
  color: #000000;
}
.porpeteneras-theme .card-table tr:hover .action-icon:hover {
  color: #000000;
}
.porpeteneras-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.porpeteneras-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.porpeteneras-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.porpeteneras-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.porpeteneras-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #000000;
}
.porpeteneras-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.porpeteneras-theme .no-hover-table tr:hover {
  background: white;
}
.porpeteneras-theme .custom-standard-chip {
  background-color: rgba(0, 0, 0, 0.1) !important;
  color: #000000 !important;
}
.porpeteneras-theme .help-dashboard-card .mat-icon {
  color: #000000;
}
.porpeteneras-theme .help-dashboard-card:hover {
  background-color: #000000;
}
.porpeteneras-theme .help-dashboard-card:hover .mat-icon,
.porpeteneras-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.porpeteneras-theme .room-open {
  background-color: #000000 !important;
  color: white !important;
}
.porpeteneras-theme .room-open:hover {
  background-color: #000000 !important;
  color: white !important;
}
.porpeteneras-theme #public-office-page-groups .public-group-button-hover {
  background-color: #000000 !important;
  color: white !important;
}
.porpeteneras-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.porpeteneras-theme .notification-container .show-tip {
  color: transparent;
}
.porpeteneras-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.porpeteneras-theme .notification-container:hover .show-tip {
  color: #000000;
}
.porpeteneras-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.porpeteneras-theme .notification-container .notification-subject .mat-icon {
  color: #000000;
}
.porpeteneras-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.porpeteneras-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.porpeteneras-theme .message-container .show-tip {
  color: transparent;
}
.porpeteneras-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.porpeteneras-theme .message-container:hover .show-tip {
  color: #000000;
}
.porpeteneras-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.porpeteneras-theme .message-container .message-subject .mat-icon {
  color: #000000;
}
.porpeteneras-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.porpeteneras-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.porpeteneras-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.porpeteneras-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.porpeteneras-theme .primary-200-outline input {
  caret-color: #808080;
  color: #000000;
}
.porpeteneras-theme .primary-200-outline label {
  color: #808080;
}
.porpeteneras-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #808080 !important;
}
.porpeteneras-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #808080;
}
.porpeteneras-theme mat-form-field .primary-outline label {
  color: #000000 !important;
}
.porpeteneras-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #000000 !important;
}
.porpeteneras-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #000000 !important;
}
.porpeteneras-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.porpeteneras-theme .input-primary input {
  caret-color: #000000;
  color: #000000;
}
.porpeteneras-theme .input-primary label {
  color: #000000;
}
.porpeteneras-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #000000 !important;
}
.porpeteneras-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.porpeteneras-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #000000;
  border-width: 1px;
}
.porpeteneras-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.porpeteneras-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.porpeteneras-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.porpeteneras-theme .boton-recarga {
  background-color: #000000;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.porpeteneras-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.porpeteneras-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.porpeteneras-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.porpeteneras-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.porpeteneras-theme .header-container button {
  padding: 0 !important;
}
.porpeteneras-theme .header-container .mat-button {
  min-width: unset !important;
}
.porpeteneras-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.porpeteneras-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.porpeteneras-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.porpeteneras-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.porpeteneras-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.porpeteneras-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.porpeteneras-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.porpeteneras-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.porpeteneras-theme .input-recarga-marine {
  border: 1px solid #000000 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.porpeteneras-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.porpeteneras-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.porpeteneras-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.porpeteneras-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.porpeteneras-theme .color-primary {
  color: #000000 !important;
  fill: #000000 !important;
}
.porpeteneras-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.porpeteneras-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.porpeteneras-theme .primary-contrast {
  color: #ffffff !important;
}
.porpeteneras-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.porpeteneras-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.porpeteneras-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.porpeteneras-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.porpeteneras-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.porpeteneras-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.porpeteneras-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.porpeteneras-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.porpeteneras-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.porpeteneras-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.porpeteneras-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.porpeteneras-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.porpeteneras-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.porpeteneras-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.porpeteneras-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.porpeteneras-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.porpeteneras-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.porpeteneras-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.porpeteneras-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.porpeteneras-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #E61925 !important;
}
.porpeteneras-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.porpeteneras-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.porpeteneras-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #000000 !important;
}
.porpeteneras-theme .mat-checkbox-checked .mat-checkbox-background,
.porpeteneras-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #000000 !important;
}
.porpeteneras-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.porpeteneras-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.porpeteneras-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.porpeteneras-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.porpeteneras-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.porpeteneras-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #808080 !important;
}
.porpeteneras-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.porpeteneras-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.porpeteneras-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.porpeteneras-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.porpeteneras-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.porpeteneras-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.porpeteneras-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.porpeteneras-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.porpeteneras-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.porpeteneras-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.porpeteneras-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.porpeteneras-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.porpeteneras-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.porpeteneras-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.porpeteneras-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.porpeteneras-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.porpeteneras-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.porpeteneras-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.porpeteneras-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.porpeteneras-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.porpeteneras-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.porpeteneras-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.porpeteneras-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.porpeteneras-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.porpeteneras-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.porpeteneras-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.porpeteneras-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.porpeteneras-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.porpeteneras-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.porpeteneras-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.porpeteneras-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #000000 !important;
}
.porpeteneras-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.porpeteneras-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #E61925 !important;
}
.porpeteneras-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #E61925 !important;
}
.porpeteneras-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.porpeteneras-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.porpeteneras-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.porpeteneras-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.porpeteneras-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.porpeteneras-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.porpeteneras-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.porpeteneras-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.porpeteneras-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.porpeteneras-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #E61925 !important;
}
.porpeteneras-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #E61925 !important;
}
.porpeteneras-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.porpeteneras-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.porpeteneras-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #E61925 !important;
}
.porpeteneras-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #E61925 !important;
}
.porpeteneras-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #E61925 !important;
}
.porpeteneras-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #E61925 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.porpeteneras-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #E61925 !important;
}
.porpeteneras-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #E61925 !important;
}
.porpeteneras-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #000000 !important;
}
.porpeteneras-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #000000 !important;
}
.porpeteneras-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #000000 !important;
}
.porpeteneras-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.porpeteneras-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.porpeteneras-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.porpeteneras-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.porpeteneras-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.porpeteneras-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #000000 !important;
}
.porpeteneras-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #000000 !important;
}
.porpeteneras-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #000000 !important;
}
.porpeteneras-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #000000 !important;
}
.porpeteneras-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #000000 !important;
}
.porpeteneras-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #000000 !important;
}
.porpeteneras-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.porpeteneras-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #000000 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.porpeteneras-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.porpeteneras-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.porpeteneras-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.porpeteneras-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.porpeteneras-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.porpeteneras-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #E61925 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.porpeteneras-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #000000 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #000000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.porpeteneras-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #000000 !important;
}
.porpeteneras-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.porpeteneras-theme .button-text-hidden {
  display: none;
}
.adnfestival-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #92154b;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #92154b 87%, transparent);
  --mat-form-field-filled-caret-color: #92154b;
  --mat-form-field-filled-focus-active-indicator-color: #92154b;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #92154b 87%, transparent);
  --mat-form-field-outlined-caret-color: #92154b;
  --mat-form-field-outlined-focus-outline-color: #92154b;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #92154b 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #92154b;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #92154b;
  --mat-slide-toggle-selected-handle-color: #92154b;
  --mat-slide-toggle-selected-hover-state-layer-color: #92154b;
  --mat-slide-toggle-selected-pressed-state-layer-color: #92154b;
  --mat-slide-toggle-selected-focus-handle-color: #92154b;
  --mat-slide-toggle-selected-hover-handle-color: #92154b;
  --mat-slide-toggle-selected-pressed-handle-color: #92154b;
  --mat-slide-toggle-selected-focus-track-color: #b35b81;
  --mat-slide-toggle-selected-hover-track-color: #b35b81;
  --mat-slide-toggle-selected-pressed-track-color: #b35b81;
  --mat-slide-toggle-selected-track-color: #b35b81;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #92154b;
  --mat-slider-focus-handle-color: #92154b;
  --mat-slider-handle-color: #92154b;
  --mat-slider-hover-handle-color: #92154b;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #92154b 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #92154b 4%, transparent);
  --mat-slider-inactive-track-color: #92154b;
  --mat-slider-ripple-color: #92154b;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #92154b;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #b35b81;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #92154b;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #92154b;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #92154b 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #92154b;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #92154b 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #92154b 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #92154b 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #92154b;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #92154b;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #92154b;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #92154b;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #92154b;
  --mat-slide-toggle-selected-handle-color: #92154b;
  --mat-slide-toggle-selected-hover-state-layer-color: #92154b;
  --mat-slide-toggle-selected-pressed-state-layer-color: #92154b;
  --mat-slide-toggle-selected-focus-handle-color: #92154b;
  --mat-slide-toggle-selected-hover-handle-color: #92154b;
  --mat-slide-toggle-selected-pressed-handle-color: #92154b;
  --mat-slide-toggle-selected-focus-track-color: #b35b81;
  --mat-slide-toggle-selected-hover-track-color: #b35b81;
  --mat-slide-toggle-selected-pressed-track-color: #b35b81;
  --mat-slide-toggle-selected-track-color: #b35b81;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.adnfestival-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.adnfestival-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.adnfestival-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #92154b;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #92154b;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.adnfestival-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.adnfestival-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.adnfestival-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #92154b;
  --mat-progress-bar-track-color: rgba(146, 21, 75, 0.25);
}
.adnfestival-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.adnfestival-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.adnfestival-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.adnfestival-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.adnfestival-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.adnfestival-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.adnfestival-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.adnfestival-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.adnfestival-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.adnfestival-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #92154b;
  --mat-chip-elevated-disabled-container-color: #92154b;
  --mat-chip-elevated-selected-container-color: #92154b;
  --mat-chip-flat-disabled-selected-container-color: #92154b;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.adnfestival-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.adnfestival-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.adnfestival-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.adnfestival-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.adnfestival-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.adnfestival-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.adnfestival-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.adnfestival-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.adnfestival-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.adnfestival-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #92154b;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #92154b;
  --mat-radio-selected-hover-icon-color: #92154b;
  --mat-radio-selected-icon-color: #92154b;
  --mat-radio-selected-pressed-icon-color: #92154b;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.adnfestival-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.adnfestival-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.adnfestival-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.adnfestival-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.adnfestival-theme .mdc-list-item__start,
.adnfestival-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #92154b;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #92154b;
  --mat-radio-selected-hover-icon-color: #92154b;
  --mat-radio-selected-icon-color: #92154b;
  --mat-radio-selected-pressed-icon-color: #92154b;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.adnfestival-theme .mat-accent .mdc-list-item__start,
.adnfestival-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.adnfestival-theme .mat-warn .mdc-list-item__start,
.adnfestival-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.adnfestival-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #92154b;
  --mat-checkbox-selected-hover-icon-color: #92154b;
  --mat-checkbox-selected-icon-color: #92154b;
  --mat-checkbox-selected-pressed-icon-color: #92154b;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #92154b;
  --mat-checkbox-selected-hover-state-layer-color: #92154b;
  --mat-checkbox-selected-pressed-state-layer-color: #92154b;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.adnfestival-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.adnfestival-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.adnfestival-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.adnfestival-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.adnfestival-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.adnfestival-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #92154b;
}
.adnfestival-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.adnfestival-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.adnfestival-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.adnfestival-theme .mdc-list-item__start,
.adnfestival-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.adnfestival-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.adnfestival-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.adnfestival-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.adnfestival-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.adnfestival-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.adnfestival-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.adnfestival-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.adnfestival-theme .mat-mdc-tab-group,
.adnfestival-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #92154b;
  --mat-tab-active-ripple-color: #92154b;
  --mat-tab-inactive-ripple-color: #92154b;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #92154b;
  --mat-tab-active-hover-label-text-color: #92154b;
  --mat-tab-active-focus-indicator-color: #92154b;
  --mat-tab-active-hover-indicator-color: #92154b;
  --mat-tab-active-indicator-color: #92154b;
}
.adnfestival-theme .mat-mdc-tab-group.mat-accent,
.adnfestival-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.adnfestival-theme .mat-mdc-tab-group.mat-warn,
.adnfestival-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.adnfestival-theme .mat-mdc-tab-group.mat-background-primary,
.adnfestival-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #92154b;
  --mat-tab-foreground-color: #ffffff;
}
.adnfestival-theme .mat-mdc-tab-group.mat-background-accent,
.adnfestival-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.adnfestival-theme .mat-mdc-tab-group.mat-background-warn,
.adnfestival-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.adnfestival-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.adnfestival-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.adnfestival-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #92154b;
  --mat-checkbox-selected-hover-icon-color: #92154b;
  --mat-checkbox-selected-icon-color: #92154b;
  --mat-checkbox-selected-pressed-icon-color: #92154b;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #92154b;
  --mat-checkbox-selected-hover-state-layer-color: #92154b;
  --mat-checkbox-selected-pressed-state-layer-color: #92154b;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.adnfestival-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.adnfestival-theme .mat-mdc-button.mat-primary,
.adnfestival-theme .mat-mdc-unelevated-button.mat-primary,
.adnfestival-theme .mat-mdc-raised-button.mat-primary,
.adnfestival-theme .mat-mdc-outlined-button.mat-primary,
.adnfestival-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #92154b;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #92154b;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #92154b 12%, transparent);
  --mat-button-outlined-state-layer-color: #92154b;
  --mat-button-protected-container-color: #92154b;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #92154b;
  --mat-button-text-ripple-color: color-mix(in srgb, #92154b 12%, transparent);
  --mat-button-text-state-layer-color: #92154b;
  --mat-button-tonal-container-color: #92154b;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.adnfestival-theme .mat-mdc-button.mat-accent,
.adnfestival-theme .mat-mdc-unelevated-button.mat-accent,
.adnfestival-theme .mat-mdc-raised-button.mat-accent,
.adnfestival-theme .mat-mdc-outlined-button.mat-accent,
.adnfestival-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.adnfestival-theme .mat-mdc-button.mat-warn,
.adnfestival-theme .mat-mdc-unelevated-button.mat-warn,
.adnfestival-theme .mat-mdc-raised-button.mat-warn,
.adnfestival-theme .mat-mdc-outlined-button.mat-warn,
.adnfestival-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.adnfestival-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #92154b;
  --mat-icon-button-state-layer-color: #92154b;
  --mat-icon-button-ripple-color: color-mix(in srgb, #92154b 12%, transparent);
}
.adnfestival-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.adnfestival-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.adnfestival-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.adnfestival-theme .mat-mdc-fab.mat-primary,
.adnfestival-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #92154b;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #92154b 12%, transparent);
  --mat-fab-small-container-color: #92154b;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.adnfestival-theme .mat-mdc-fab.mat-accent,
.adnfestival-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.adnfestival-theme .mat-mdc-fab.mat-warn,
.adnfestival-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.adnfestival-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.adnfestival-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.adnfestival-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.adnfestival-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.adnfestival-theme .mat-datepicker-content.mat-accent,
.adnfestival-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.adnfestival-theme .mat-datepicker-content.mat-warn,
.adnfestival-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.adnfestival-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.adnfestival-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.adnfestival-theme .mat-icon.mat-primary {
  --mat-icon-color: #92154b;
}
.adnfestival-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.adnfestival-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.adnfestival-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.adnfestival-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.adnfestival-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #92154b;
  --mat-toolbar-container-text-color: #ffffff;
}
.adnfestival-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.adnfestival-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.adnfestival-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.adnfestival-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.adnfestival-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.adnfestival-theme .back-container {
  color: #92154b;
}
.adnfestival-theme .back-container:hover {
  opacity: 0.54;
}
.adnfestival-theme .warn-text {
  color: #e74737;
}
.adnfestival-theme .inside-modal-title.primary-colored-title,
.adnfestival-theme .form-title.primary-colored-title {
  color: #92154b;
}
.adnfestival-theme .full-height-container form .button-container {
  background: white;
}
.adnfestival-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.adnfestival-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.adnfestival-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.adnfestival-theme .box-checkbox.active-box-checkbox {
  background-color: #92154b;
  color: white;
}
.adnfestival-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.adnfestival-theme .box-radio.active-box-radio {
  background-color: #92154b;
  color: white;
}
.adnfestival-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.adnfestival-theme .error {
  color: #e74737;
}
.adnfestival-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.adnfestival-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.adnfestival-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.adnfestival-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.adnfestival-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.adnfestival-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.adnfestival-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.adnfestival-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.adnfestival-theme .ql-snow .ql-picker-options {
  background: white;
}
.adnfestival-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.adnfestival-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.adnfestival-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.adnfestival-theme .ql-snow .ql-fill,
.adnfestival-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.adnfestival-theme .ql-snow.ql-toolbar button:hover,
.adnfestival-theme .ql-snow .ql-toolbar button:hover,
.adnfestival-theme .ql-snow.ql-toolbar button:focus,
.adnfestival-theme .ql-snow .ql-toolbar button:focus,
.adnfestival-theme .ql-snow.ql-toolbar button.ql-active,
.adnfestival-theme .ql-snow .ql-toolbar button.ql-active,
.adnfestival-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.adnfestival-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.adnfestival-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.adnfestival-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.adnfestival-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.adnfestival-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.adnfestival-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.adnfestival-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.adnfestival-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.adnfestival-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.adnfestival-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.adnfestival-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.adnfestival-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.adnfestival-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.adnfestival-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.adnfestival-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.adnfestival-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.adnfestival-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.adnfestival-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.adnfestival-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.adnfestival-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.adnfestival-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.adnfestival-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.adnfestival-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.adnfestival-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.adnfestival-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.adnfestival-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.adnfestival-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.adnfestival-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.adnfestival-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.adnfestival-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.adnfestival-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.adnfestival-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.adnfestival-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.adnfestival-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.adnfestival-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.adnfestival-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.adnfestival-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.adnfestival-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.adnfestival-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.adnfestival-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.adnfestival-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.adnfestival-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.adnfestival-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.adnfestival-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.adnfestival-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.adnfestival-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.adnfestival-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.adnfestival-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.adnfestival-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.adnfestival-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.adnfestival-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.adnfestival-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.adnfestival-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.adnfestival-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.adnfestival-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.adnfestival-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.adnfestival-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.adnfestival-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.adnfestival-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.adnfestival-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.adnfestival-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.adnfestival-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.adnfestival-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.adnfestival-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.adnfestival-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.adnfestival-theme bee-form-item {
  margin-right: 0 !important;
}
.adnfestival-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.adnfestival-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #92154b;
  height: 38px !important;
}
.adnfestival-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.adnfestival-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.adnfestival-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.adnfestival-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.adnfestival-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.adnfestival-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.adnfestival-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.adnfestival-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.adnfestival-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .adnfestival-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.adnfestival-theme .general-container .label-wrapper label {
  color: #92154b !important;
  background-color: white;
}
.adnfestival-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.adnfestival-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.adnfestival-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.adnfestival-theme .general-container .bee-selector .bee-selector-container {
  border-color: #92154b !important;
}
.adnfestival-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.adnfestival-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.adnfestival-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.adnfestival-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.adnfestival-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.adnfestival-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.adnfestival-theme .general-container .bee-selector .bee-selector-container:focus,
.adnfestival-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #92154b;
}
.adnfestival-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.adnfestival-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #92154b;
}
.adnfestival-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.adnfestival-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #92154b;
}
.adnfestival-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.adnfestival-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.adnfestival-theme .general-container .bee-dropdown {
  background: white;
}
.adnfestival-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #92154b;
}
.adnfestival-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.adnfestival-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.adnfestival-theme .general-container .selector-error {
  color: #e74737;
}
.adnfestival-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.adnfestival-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.adnfestival-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.adnfestival-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.adnfestival-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #92154b;
}
.adnfestival-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.adnfestival-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.adnfestival-theme .move-image-action-container:hover {
  color: #92154b;
}
.adnfestival-theme .info-icon {
  color: #92154b;
}
.adnfestival-theme .email-chip {
  color: #92154b !important;
  background-color: rgba(146, 21, 75, 0.15) !important;
}
.adnfestival-theme .email-chip .mat-chip-remove {
  color: #92154b !important;
  opacity: 1 !important;
}
.adnfestival-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.adnfestival-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.adnfestival-theme .mat-badge-content {
  color: #92154b !important;
}
.adnfestival-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #92154b !important;
}
.adnfestival-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #92154b !important;
}
.adnfestival-theme #circle-lleno {
  background: #ff2e63;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.adnfestival-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.adnfestival-theme .marine-color {
  color: #0f223e !important;
}
.adnfestival-theme .primary-color {
  color: #92154b !important;
}
.adnfestival-theme .gray-color {
  color: #C0C4CA !important;
}
.adnfestival-theme .primary-color-200 {
  color: #c98aa5 !important;
}
.adnfestival-theme svg.primary-fill-svg {
  fill: #92154b !important;
}
.adnfestival-theme .primary-fill {
  fill: #92154b !important;
}
.adnfestival-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.adnfestival-theme .primary-border-50 {
  border-color: #f2e3e9 !important;
}
.adnfestival-theme .primary-border-100 {
  border-color: #deb9c9 !important;
}
.adnfestival-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.adnfestival-theme .transparent-border-100 {
  border-color: transparent !important;
}
.adnfestival-theme .primary-border-200 {
  border-color: #c98aa5 !important;
}
.adnfestival-theme .primary-indicator .mat-expansion-indicator:after {
  color: #92154b;
}
.adnfestival-theme .contrast-background {
  background-color: #ffffff !important;
}
.adnfestival-theme .primary-color-small {
  color: rgba(146, 21, 75, 0.6);
}
.adnfestival-theme .marine-background {
  background-color: #0f223e !important;
}
.adnfestival-theme .primary-background {
  background-color: #92154b !important;
}
.adnfestival-theme .primary-background-50 {
  background-color: #f2e3e9 !important;
}
.adnfestival-theme .primary-background-200 {
  background-color: #c98aa5 !important;
}
.adnfestival-theme .primary-background-800 {
  background-color: #750c33 !important;
}
.adnfestival-theme .white-color {
  color: white !important;
}
.adnfestival-theme .secondary-color {
  color: #ff2e63 !important;
}
.adnfestival-theme .secondary-background {
  background-color: #ff2e63 !important;
}
.adnfestival-theme .secondary-background-semi {
  background-color: #92154b !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #92154b !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.adnfestival-theme .secondary-background-full {
  background-color: #92154b !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #92154b !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.adnfestival-theme .secondary-background-empty {
  background-color: #92154b !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #92154b !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.adnfestival-theme .secondary-border {
  background-color: #ff2e63 !important;
}
.adnfestival-theme .tertiary-color {
  color: #ff2e63 !important;
}
.adnfestival-theme button.button-tertiary {
  background-color: #ff2e63 !important;
  color: #92154b !important;
  border: 1px solid #92154b !important;
}
.adnfestival-theme span.red-text {
  color: #DB1F35 !important;
}
.adnfestival-theme .tertiary-background {
  background-color: #ff2e63 !important;
}
.adnfestival-theme .tertiary-border {
  border-color: #ff2e63 !important;
}
.adnfestival-theme .dark-background {
  background-color: black !important;
}
.adnfestival-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.adnfestival-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.adnfestival-theme .primary-soft-background {
  background-color: rgba(146, 21, 75, 0.1) !important;
}
.adnfestival-theme .primary-soft-background:hover {
  background-color: rgba(146, 21, 75, 0.15) !important;
}
.adnfestival-theme .primary-border {
  border-color: #92154b !important;
}
.adnfestival-theme .default-background {
  background-color: #fafafa !important;
}
.adnfestival-theme .hover-primary:hover {
  color: #92154b !important;
}
.adnfestival-theme .hover-primary-background:hover {
  background-color: #92154b !important;
}
.adnfestival-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.adnfestival-theme .warn-color {
  color: #e74737 !important;
}
.adnfestival-theme .warn-border {
  border-color: #e74737 !important;
}
.adnfestival-theme .accent-color {
  color: #fedd93 !important;
}
.adnfestival-theme .accent-background {
  background-color: #fedd93 !important;
}
.adnfestival-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.adnfestival-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.adnfestival-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.adnfestival-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.adnfestival-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.adnfestival-theme .dialog-table tr .action-icon {
  color: transparent;
}
.adnfestival-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.adnfestival-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.adnfestival-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #92154b;
}
.adnfestival-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.adnfestival-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.adnfestival-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.adnfestival-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.adnfestival-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.adnfestival-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.adnfestival-theme .card-table tr .action-icon {
  color: transparent;
}
.adnfestival-theme .card-table tr .action-icon button {
  color: transparent;
}
.adnfestival-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.adnfestival-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.adnfestival-theme .card-table tr:hover .action-icon button {
  color: #92154b;
}
.adnfestival-theme .card-table tr:hover .action-icon:hover {
  color: #92154b;
}
.adnfestival-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.adnfestival-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.adnfestival-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.adnfestival-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.adnfestival-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #92154b;
}
.adnfestival-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.adnfestival-theme .no-hover-table tr:hover {
  background: white;
}
.adnfestival-theme .custom-standard-chip {
  background-color: rgba(146, 21, 75, 0.1) !important;
  color: #92154b !important;
}
.adnfestival-theme .help-dashboard-card .mat-icon {
  color: #92154b;
}
.adnfestival-theme .help-dashboard-card:hover {
  background-color: #92154b;
}
.adnfestival-theme .help-dashboard-card:hover .mat-icon,
.adnfestival-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.adnfestival-theme .room-open {
  background-color: #92154b !important;
  color: white !important;
}
.adnfestival-theme .room-open:hover {
  background-color: #92154b !important;
  color: white !important;
}
.adnfestival-theme #public-office-page-groups .public-group-button-hover {
  background-color: #92154b !important;
  color: white !important;
}
.adnfestival-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.adnfestival-theme .notification-container .show-tip {
  color: transparent;
}
.adnfestival-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.adnfestival-theme .notification-container:hover .show-tip {
  color: #92154b;
}
.adnfestival-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.adnfestival-theme .notification-container .notification-subject .mat-icon {
  color: #92154b;
}
.adnfestival-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.adnfestival-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.adnfestival-theme .message-container .show-tip {
  color: transparent;
}
.adnfestival-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.adnfestival-theme .message-container:hover .show-tip {
  color: #92154b;
}
.adnfestival-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.adnfestival-theme .message-container .message-subject .mat-icon {
  color: #92154b;
}
.adnfestival-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.adnfestival-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.adnfestival-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.adnfestival-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.adnfestival-theme .primary-200-outline input {
  caret-color: #c98aa5;
  color: #92154b;
}
.adnfestival-theme .primary-200-outline label {
  color: #c98aa5;
}
.adnfestival-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #c98aa5 !important;
}
.adnfestival-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #c98aa5;
}
.adnfestival-theme mat-form-field .primary-outline label {
  color: #92154b !important;
}
.adnfestival-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #92154b !important;
}
.adnfestival-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #92154b !important;
}
.adnfestival-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.adnfestival-theme .input-primary input {
  caret-color: #92154b;
  color: #92154b;
}
.adnfestival-theme .input-primary label {
  color: #92154b;
}
.adnfestival-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #92154b !important;
}
.adnfestival-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.adnfestival-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #92154b;
  border-width: 1px;
}
.adnfestival-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.adnfestival-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.adnfestival-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.adnfestival-theme .boton-recarga {
  background-color: #92154b;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.adnfestival-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.adnfestival-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.adnfestival-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.adnfestival-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.adnfestival-theme .header-container button {
  padding: 0 !important;
}
.adnfestival-theme .header-container .mat-button {
  min-width: unset !important;
}
.adnfestival-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.adnfestival-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.adnfestival-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.adnfestival-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.adnfestival-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.adnfestival-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.adnfestival-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.adnfestival-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.adnfestival-theme .input-recarga-marine {
  border: 1px solid #92154b !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.adnfestival-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.adnfestival-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.adnfestival-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.adnfestival-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.adnfestival-theme .color-primary {
  color: #92154b !important;
  fill: #92154b !important;
}
.adnfestival-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.adnfestival-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.adnfestival-theme .primary-contrast {
  color: #ffffff !important;
}
.adnfestival-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #92154b !important;
}
.adnfestival-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #92154b !important;
}
.adnfestival-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.adnfestival-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #92154b !important;
}
.adnfestival-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.adnfestival-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.adnfestival-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.adnfestival-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #92154b !important;
}
.adnfestival-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #92154b !important;
}
.adnfestival-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #92154b !important;
}
.adnfestival-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #92154b !important;
}
.adnfestival-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #92154b !important;
}
.adnfestival-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.adnfestival-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #92154b !important;
}
.adnfestival-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.adnfestival-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #92154b !important;
}
.adnfestival-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.adnfestival-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.adnfestival-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #92154b !important;
}
.adnfestival-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #ff2e63 !important;
}
.adnfestival-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.adnfestival-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #92154b !important;
}
.adnfestival-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #92154b !important;
}
.adnfestival-theme .mat-checkbox-checked .mat-checkbox-background,
.adnfestival-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #92154b !important;
}
.adnfestival-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #92154b !important;
}
.adnfestival-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.adnfestival-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #92154b !important;
}
.adnfestival-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.adnfestival-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #92154b !important;
}
.adnfestival-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #c98aa5 !important;
}
.adnfestival-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #92154b !important;
}
.adnfestival-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.adnfestival-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.adnfestival-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.adnfestival-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.adnfestival-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #92154b !important;
}
.adnfestival-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #92154b !important;
}
.adnfestival-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #92154b !important;
}
.adnfestival-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.adnfestival-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #92154b !important;
}
.adnfestival-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #92154b !important;
}
.adnfestival-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #92154b !important;
}
.adnfestival-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.adnfestival-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.adnfestival-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #92154b !important;
}
.adnfestival-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #92154b !important;
}
.adnfestival-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.adnfestival-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.adnfestival-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #92154b !important;
}
.adnfestival-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.adnfestival-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.adnfestival-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.adnfestival-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #92154b !important;
}
.adnfestival-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.adnfestival-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #92154b !important;
}
.adnfestival-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #92154b !important;
}
.adnfestival-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #92154b !important;
}
.adnfestival-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.adnfestival-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.adnfestival-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.adnfestival-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #92154b !important;
}
.adnfestival-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #92154b !important;
}
.adnfestival-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ff2e63 !important;
}
.adnfestival-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ff2e63 !important;
}
.adnfestival-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.adnfestival-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #92154b !important;
}
.adnfestival-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #92154b !important;
}
.adnfestival-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.adnfestival-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #92154b !important;
}
.adnfestival-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #92154b !important;
}
.adnfestival-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.adnfestival-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.adnfestival-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.adnfestival-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ff2e63 !important;
}
.adnfestival-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ff2e63 !important;
}
.adnfestival-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.adnfestival-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.adnfestival-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ff2e63 !important;
}
.adnfestival-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ff2e63 !important;
}
.adnfestival-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ff2e63 !important;
}
.adnfestival-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ff2e63 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.adnfestival-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ff2e63 !important;
}
.adnfestival-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #ff2e63 !important;
}
.adnfestival-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #92154b !important;
}
.adnfestival-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #92154b !important;
}
.adnfestival-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #92154b !important;
}
.adnfestival-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.adnfestival-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.adnfestival-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.adnfestival-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.adnfestival-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.adnfestival-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #92154b !important;
}
.adnfestival-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #92154b !important;
}
.adnfestival-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #92154b !important;
}
.adnfestival-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #92154b !important;
}
.adnfestival-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #92154b !important;
}
.adnfestival-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #92154b !important;
}
.adnfestival-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.adnfestival-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #92154b !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.adnfestival-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.adnfestival-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.adnfestival-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.adnfestival-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.adnfestival-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.adnfestival-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #ff2e63 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.adnfestival-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #92154b !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #92154b !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.adnfestival-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #92154b !important;
}
.adnfestival-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.adnfestival-theme .button-text-hidden {
  display: none;
}
.monolocosummer-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #00c2cb;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #00c2cb 87%, transparent);
  --mat-form-field-filled-caret-color: #00c2cb;
  --mat-form-field-filled-focus-active-indicator-color: #00c2cb;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #00c2cb 87%, transparent);
  --mat-form-field-outlined-caret-color: #00c2cb;
  --mat-form-field-outlined-focus-outline-color: #00c2cb;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #00c2cb 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #00c2cb;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #00c2cb;
  --mat-slide-toggle-selected-handle-color: #00c2cb;
  --mat-slide-toggle-selected-hover-state-layer-color: #00c2cb;
  --mat-slide-toggle-selected-pressed-state-layer-color: #00c2cb;
  --mat-slide-toggle-selected-focus-handle-color: #00c2cb;
  --mat-slide-toggle-selected-hover-handle-color: #00c2cb;
  --mat-slide-toggle-selected-pressed-handle-color: #00c2cb;
  --mat-slide-toggle-selected-focus-track-color: #4dd4db;
  --mat-slide-toggle-selected-hover-track-color: #4dd4db;
  --mat-slide-toggle-selected-pressed-track-color: #4dd4db;
  --mat-slide-toggle-selected-track-color: #4dd4db;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #00c2cb;
  --mat-slider-focus-handle-color: #00c2cb;
  --mat-slider-handle-color: #00c2cb;
  --mat-slider-hover-handle-color: #00c2cb;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #00c2cb 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #00c2cb 4%, transparent);
  --mat-slider-inactive-track-color: #00c2cb;
  --mat-slider-ripple-color: #00c2cb;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #00c2cb;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #4dd4db;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #00c2cb;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #00c2cb;
  --mat-badge-text-color: #000000;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #00c2cb 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #00c2cb;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #00c2cb 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #00c2cb 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #00c2cb 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #00c2cb;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #00c2cb;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #00c2cb;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #00c2cb;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #00c2cb;
  --mat-slide-toggle-selected-handle-color: #00c2cb;
  --mat-slide-toggle-selected-hover-state-layer-color: #00c2cb;
  --mat-slide-toggle-selected-pressed-state-layer-color: #00c2cb;
  --mat-slide-toggle-selected-focus-handle-color: #00c2cb;
  --mat-slide-toggle-selected-hover-handle-color: #00c2cb;
  --mat-slide-toggle-selected-pressed-handle-color: #00c2cb;
  --mat-slide-toggle-selected-focus-track-color: #4dd4db;
  --mat-slide-toggle-selected-hover-track-color: #4dd4db;
  --mat-slide-toggle-selected-pressed-track-color: #4dd4db;
  --mat-slide-toggle-selected-track-color: #4dd4db;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.monolocosummer-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.monolocosummer-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.monolocosummer-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #00c2cb;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #00c2cb;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.monolocosummer-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.monolocosummer-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.monolocosummer-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #00c2cb;
  --mat-progress-bar-track-color: rgba(0, 194, 203, 0.25);
}
.monolocosummer-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.monolocosummer-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.monolocosummer-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.monolocosummer-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.monolocosummer-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.monolocosummer-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.monolocosummer-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.monolocosummer-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.monolocosummer-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.monolocosummer-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #00c2cb;
  --mat-chip-elevated-disabled-container-color: #00c2cb;
  --mat-chip-elevated-selected-container-color: #00c2cb;
  --mat-chip-flat-disabled-selected-container-color: #00c2cb;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.monolocosummer-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.monolocosummer-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.monolocosummer-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.monolocosummer-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.monolocosummer-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.monolocosummer-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.monolocosummer-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.monolocosummer-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.monolocosummer-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.monolocosummer-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #00c2cb;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #00c2cb;
  --mat-radio-selected-hover-icon-color: #00c2cb;
  --mat-radio-selected-icon-color: #00c2cb;
  --mat-radio-selected-pressed-icon-color: #00c2cb;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.monolocosummer-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.monolocosummer-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.monolocosummer-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.monolocosummer-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.monolocosummer-theme .mdc-list-item__start,
.monolocosummer-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #00c2cb;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #00c2cb;
  --mat-radio-selected-hover-icon-color: #00c2cb;
  --mat-radio-selected-icon-color: #00c2cb;
  --mat-radio-selected-pressed-icon-color: #00c2cb;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.monolocosummer-theme .mat-accent .mdc-list-item__start,
.monolocosummer-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.monolocosummer-theme .mat-warn .mdc-list-item__start,
.monolocosummer-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.monolocosummer-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #00c2cb;
  --mat-checkbox-selected-hover-icon-color: #00c2cb;
  --mat-checkbox-selected-icon-color: #00c2cb;
  --mat-checkbox-selected-pressed-icon-color: #00c2cb;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #00c2cb;
  --mat-checkbox-selected-hover-state-layer-color: #00c2cb;
  --mat-checkbox-selected-pressed-state-layer-color: #00c2cb;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.monolocosummer-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.monolocosummer-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.monolocosummer-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.monolocosummer-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.monolocosummer-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.monolocosummer-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #00c2cb;
}
.monolocosummer-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.monolocosummer-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.monolocosummer-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.monolocosummer-theme .mdc-list-item__start,
.monolocosummer-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.monolocosummer-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.monolocosummer-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.monolocosummer-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.monolocosummer-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.monolocosummer-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.monolocosummer-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.monolocosummer-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.monolocosummer-theme .mat-mdc-tab-group,
.monolocosummer-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #00c2cb;
  --mat-tab-active-ripple-color: #00c2cb;
  --mat-tab-inactive-ripple-color: #00c2cb;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #00c2cb;
  --mat-tab-active-hover-label-text-color: #00c2cb;
  --mat-tab-active-focus-indicator-color: #00c2cb;
  --mat-tab-active-hover-indicator-color: #00c2cb;
  --mat-tab-active-indicator-color: #00c2cb;
}
.monolocosummer-theme .mat-mdc-tab-group.mat-accent,
.monolocosummer-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.monolocosummer-theme .mat-mdc-tab-group.mat-warn,
.monolocosummer-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.monolocosummer-theme .mat-mdc-tab-group.mat-background-primary,
.monolocosummer-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #00c2cb;
  --mat-tab-foreground-color: #000000;
}
.monolocosummer-theme .mat-mdc-tab-group.mat-background-accent,
.monolocosummer-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.monolocosummer-theme .mat-mdc-tab-group.mat-background-warn,
.monolocosummer-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.monolocosummer-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.monolocosummer-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.monolocosummer-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #00c2cb;
  --mat-checkbox-selected-hover-icon-color: #00c2cb;
  --mat-checkbox-selected-icon-color: #00c2cb;
  --mat-checkbox-selected-pressed-icon-color: #00c2cb;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #00c2cb;
  --mat-checkbox-selected-hover-state-layer-color: #00c2cb;
  --mat-checkbox-selected-pressed-state-layer-color: #00c2cb;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.monolocosummer-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.monolocosummer-theme .mat-mdc-button.mat-primary,
.monolocosummer-theme .mat-mdc-unelevated-button.mat-primary,
.monolocosummer-theme .mat-mdc-raised-button.mat-primary,
.monolocosummer-theme .mat-mdc-outlined-button.mat-primary,
.monolocosummer-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #00c2cb;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #00c2cb;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #00c2cb 12%, transparent);
  --mat-button-outlined-state-layer-color: #00c2cb;
  --mat-button-protected-container-color: #00c2cb;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #00c2cb;
  --mat-button-text-ripple-color: color-mix(in srgb, #00c2cb 12%, transparent);
  --mat-button-text-state-layer-color: #00c2cb;
  --mat-button-tonal-container-color: #00c2cb;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.monolocosummer-theme .mat-mdc-button.mat-accent,
.monolocosummer-theme .mat-mdc-unelevated-button.mat-accent,
.monolocosummer-theme .mat-mdc-raised-button.mat-accent,
.monolocosummer-theme .mat-mdc-outlined-button.mat-accent,
.monolocosummer-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.monolocosummer-theme .mat-mdc-button.mat-warn,
.monolocosummer-theme .mat-mdc-unelevated-button.mat-warn,
.monolocosummer-theme .mat-mdc-raised-button.mat-warn,
.monolocosummer-theme .mat-mdc-outlined-button.mat-warn,
.monolocosummer-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.monolocosummer-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #00c2cb;
  --mat-icon-button-state-layer-color: #00c2cb;
  --mat-icon-button-ripple-color: color-mix(in srgb, #00c2cb 12%, transparent);
}
.monolocosummer-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.monolocosummer-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.monolocosummer-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.monolocosummer-theme .mat-mdc-fab.mat-primary,
.monolocosummer-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #00c2cb;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #00c2cb 12%, transparent);
  --mat-fab-small-container-color: #00c2cb;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.monolocosummer-theme .mat-mdc-fab.mat-accent,
.monolocosummer-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.monolocosummer-theme .mat-mdc-fab.mat-warn,
.monolocosummer-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.monolocosummer-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.monolocosummer-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.monolocosummer-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.monolocosummer-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.monolocosummer-theme .mat-datepicker-content.mat-accent,
.monolocosummer-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.monolocosummer-theme .mat-datepicker-content.mat-warn,
.monolocosummer-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.monolocosummer-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.monolocosummer-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.monolocosummer-theme .mat-icon.mat-primary {
  --mat-icon-color: #00c2cb;
}
.monolocosummer-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.monolocosummer-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.monolocosummer-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.monolocosummer-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.monolocosummer-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #00c2cb;
  --mat-toolbar-container-text-color: #000000;
}
.monolocosummer-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.monolocosummer-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.monolocosummer-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.monolocosummer-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.monolocosummer-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.monolocosummer-theme .back-container {
  color: #00c2cb;
}
.monolocosummer-theme .back-container:hover {
  opacity: 0.54;
}
.monolocosummer-theme .warn-text {
  color: #e74737;
}
.monolocosummer-theme .inside-modal-title.primary-colored-title,
.monolocosummer-theme .form-title.primary-colored-title {
  color: #00c2cb;
}
.monolocosummer-theme .full-height-container form .button-container {
  background: white;
}
.monolocosummer-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.monolocosummer-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.monolocosummer-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.monolocosummer-theme .box-checkbox.active-box-checkbox {
  background-color: #00c2cb;
  color: white;
}
.monolocosummer-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.monolocosummer-theme .box-radio.active-box-radio {
  background-color: #00c2cb;
  color: white;
}
.monolocosummer-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.monolocosummer-theme .error {
  color: #e74737;
}
.monolocosummer-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.monolocosummer-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.monolocosummer-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.monolocosummer-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.monolocosummer-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.monolocosummer-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.monolocosummer-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.monolocosummer-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.monolocosummer-theme .ql-snow .ql-picker-options {
  background: white;
}
.monolocosummer-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.monolocosummer-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.monolocosummer-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.monolocosummer-theme .ql-snow .ql-fill,
.monolocosummer-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.monolocosummer-theme .ql-snow.ql-toolbar button:hover,
.monolocosummer-theme .ql-snow .ql-toolbar button:hover,
.monolocosummer-theme .ql-snow.ql-toolbar button:focus,
.monolocosummer-theme .ql-snow .ql-toolbar button:focus,
.monolocosummer-theme .ql-snow.ql-toolbar button.ql-active,
.monolocosummer-theme .ql-snow .ql-toolbar button.ql-active,
.monolocosummer-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.monolocosummer-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.monolocosummer-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.monolocosummer-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.monolocosummer-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.monolocosummer-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.monolocosummer-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.monolocosummer-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.monolocosummer-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.monolocosummer-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.monolocosummer-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.monolocosummer-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.monolocosummer-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.monolocosummer-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.monolocosummer-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.monolocosummer-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.monolocosummer-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.monolocosummer-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.monolocosummer-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.monolocosummer-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.monolocosummer-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.monolocosummer-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.monolocosummer-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.monolocosummer-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.monolocosummer-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.monolocosummer-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.monolocosummer-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.monolocosummer-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.monolocosummer-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.monolocosummer-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.monolocosummer-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.monolocosummer-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.monolocosummer-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.monolocosummer-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.monolocosummer-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.monolocosummer-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.monolocosummer-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.monolocosummer-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.monolocosummer-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.monolocosummer-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.monolocosummer-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.monolocosummer-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.monolocosummer-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.monolocosummer-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.monolocosummer-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.monolocosummer-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.monolocosummer-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.monolocosummer-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.monolocosummer-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.monolocosummer-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.monolocosummer-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.monolocosummer-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.monolocosummer-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.monolocosummer-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.monolocosummer-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.monolocosummer-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.monolocosummer-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.monolocosummer-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.monolocosummer-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.monolocosummer-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.monolocosummer-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.monolocosummer-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.monolocosummer-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.monolocosummer-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.monolocosummer-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.monolocosummer-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.monolocosummer-theme bee-form-item {
  margin-right: 0 !important;
}
.monolocosummer-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.monolocosummer-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #00c2cb;
  height: 38px !important;
}
.monolocosummer-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.monolocosummer-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.monolocosummer-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.monolocosummer-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.monolocosummer-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.monolocosummer-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.monolocosummer-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.monolocosummer-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.monolocosummer-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .monolocosummer-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.monolocosummer-theme .general-container .label-wrapper label {
  color: #00c2cb !important;
  background-color: white;
}
.monolocosummer-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.monolocosummer-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.monolocosummer-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.monolocosummer-theme .general-container .bee-selector .bee-selector-container {
  border-color: #00c2cb !important;
}
.monolocosummer-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.monolocosummer-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.monolocosummer-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.monolocosummer-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.monolocosummer-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.monolocosummer-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.monolocosummer-theme .general-container .bee-selector .bee-selector-container:focus,
.monolocosummer-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #00c2cb;
}
.monolocosummer-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.monolocosummer-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #00c2cb;
}
.monolocosummer-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.monolocosummer-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #00c2cb;
}
.monolocosummer-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.monolocosummer-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.monolocosummer-theme .general-container .bee-dropdown {
  background: white;
}
.monolocosummer-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #00c2cb;
}
.monolocosummer-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.monolocosummer-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.monolocosummer-theme .general-container .selector-error {
  color: #e74737;
}
.monolocosummer-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.monolocosummer-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.monolocosummer-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.monolocosummer-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.monolocosummer-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #00c2cb;
}
.monolocosummer-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.monolocosummer-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.monolocosummer-theme .move-image-action-container:hover {
  color: #00c2cb;
}
.monolocosummer-theme .info-icon {
  color: #00c2cb;
}
.monolocosummer-theme .email-chip {
  color: #00c2cb !important;
  background-color: rgba(0, 194, 203, 0.15) !important;
}
.monolocosummer-theme .email-chip .mat-chip-remove {
  color: #00c2cb !important;
  opacity: 1 !important;
}
.monolocosummer-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.monolocosummer-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.monolocosummer-theme .mat-badge-content {
  color: #00c2cb !important;
}
.monolocosummer-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #00c2cb !important;
}
.monolocosummer-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #00c2cb !important;
}
.monolocosummer-theme #circle-lleno {
  background: #6ff3ff;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.monolocosummer-theme .primary-contrast-text-color {
  color: #000000 !important;
}
.monolocosummer-theme .marine-color {
  color: #0f223e !important;
}
.monolocosummer-theme .primary-color {
  color: #00c2cb !important;
}
.monolocosummer-theme .gray-color {
  color: #C0C4CA !important;
}
.monolocosummer-theme .primary-color-200 {
  color: #80e1e5 !important;
}
.monolocosummer-theme svg.primary-fill-svg {
  fill: #00c2cb !important;
}
.monolocosummer-theme .primary-fill {
  fill: #00c2cb !important;
}
.monolocosummer-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.monolocosummer-theme .primary-border-50 {
  border-color: #e0f8f9 !important;
}
.monolocosummer-theme .primary-border-100 {
  border-color: #b3edef !important;
}
.monolocosummer-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.monolocosummer-theme .transparent-border-100 {
  border-color: transparent !important;
}
.monolocosummer-theme .primary-border-200 {
  border-color: #80e1e5 !important;
}
.monolocosummer-theme .primary-indicator .mat-expansion-indicator:after {
  color: #00c2cb;
}
.monolocosummer-theme .contrast-background {
  background-color: #000000 !important;
}
.monolocosummer-theme .primary-color-small {
  color: rgba(0, 194, 203, 0.6);
}
.monolocosummer-theme .marine-background {
  background-color: #0f223e !important;
}
.monolocosummer-theme .primary-background {
  background-color: #00c2cb !important;
}
.monolocosummer-theme .primary-background-50 {
  background-color: #e0f8f9 !important;
}
.monolocosummer-theme .primary-background-200 {
  background-color: #80e1e5 !important;
}
.monolocosummer-theme .primary-background-800 {
  background-color: #00acb8 !important;
}
.monolocosummer-theme .white-color {
  color: white !important;
}
.monolocosummer-theme .secondary-color {
  color: #6ff3ff !important;
}
.monolocosummer-theme .secondary-background {
  background-color: #6ff3ff !important;
}
.monolocosummer-theme .secondary-background-semi {
  background-color: #00c2cb !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #00c2cb !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.monolocosummer-theme .secondary-background-full {
  background-color: #00c2cb !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #00c2cb !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.monolocosummer-theme .secondary-background-empty {
  background-color: #00c2cb !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #00c2cb !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.monolocosummer-theme .secondary-border {
  background-color: #6ff3ff !important;
}
.monolocosummer-theme .tertiary-color {
  color: #6ff3ff !important;
}
.monolocosummer-theme button.button-tertiary {
  background-color: #6ff3ff !important;
  color: #00c2cb !important;
  border: 1px solid #00c2cb !important;
}
.monolocosummer-theme span.red-text {
  color: #DB1F35 !important;
}
.monolocosummer-theme .tertiary-background {
  background-color: #6ff3ff !important;
}
.monolocosummer-theme .tertiary-border {
  border-color: #6ff3ff !important;
}
.monolocosummer-theme .dark-background {
  background-color: black !important;
}
.monolocosummer-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.monolocosummer-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.monolocosummer-theme .primary-soft-background {
  background-color: rgba(0, 194, 203, 0.1) !important;
}
.monolocosummer-theme .primary-soft-background:hover {
  background-color: rgba(0, 194, 203, 0.15) !important;
}
.monolocosummer-theme .primary-border {
  border-color: #00c2cb !important;
}
.monolocosummer-theme .default-background {
  background-color: #fafafa !important;
}
.monolocosummer-theme .hover-primary:hover {
  color: #00c2cb !important;
}
.monolocosummer-theme .hover-primary-background:hover {
  background-color: #00c2cb !important;
}
.monolocosummer-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.monolocosummer-theme .warn-color {
  color: #e74737 !important;
}
.monolocosummer-theme .warn-border {
  border-color: #e74737 !important;
}
.monolocosummer-theme .accent-color {
  color: #fedd93 !important;
}
.monolocosummer-theme .accent-background {
  background-color: #fedd93 !important;
}
.monolocosummer-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.monolocosummer-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.monolocosummer-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.monolocosummer-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.monolocosummer-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.monolocosummer-theme .dialog-table tr .action-icon {
  color: transparent;
}
.monolocosummer-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.monolocosummer-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.monolocosummer-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #00c2cb;
}
.monolocosummer-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.monolocosummer-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.monolocosummer-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.monolocosummer-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.monolocosummer-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.monolocosummer-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.monolocosummer-theme .card-table tr .action-icon {
  color: transparent;
}
.monolocosummer-theme .card-table tr .action-icon button {
  color: transparent;
}
.monolocosummer-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.monolocosummer-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.monolocosummer-theme .card-table tr:hover .action-icon button {
  color: #00c2cb;
}
.monolocosummer-theme .card-table tr:hover .action-icon:hover {
  color: #00c2cb;
}
.monolocosummer-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.monolocosummer-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.monolocosummer-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.monolocosummer-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.monolocosummer-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #00c2cb;
}
.monolocosummer-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.monolocosummer-theme .no-hover-table tr:hover {
  background: white;
}
.monolocosummer-theme .custom-standard-chip {
  background-color: rgba(0, 194, 203, 0.1) !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .help-dashboard-card .mat-icon {
  color: #00c2cb;
}
.monolocosummer-theme .help-dashboard-card:hover {
  background-color: #00c2cb;
}
.monolocosummer-theme .help-dashboard-card:hover .mat-icon,
.monolocosummer-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.monolocosummer-theme .room-open {
  background-color: #00c2cb !important;
  color: white !important;
}
.monolocosummer-theme .room-open:hover {
  background-color: #00c2cb !important;
  color: white !important;
}
.monolocosummer-theme #public-office-page-groups .public-group-button-hover {
  background-color: #00c2cb !important;
  color: white !important;
}
.monolocosummer-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.monolocosummer-theme .notification-container .show-tip {
  color: transparent;
}
.monolocosummer-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.monolocosummer-theme .notification-container:hover .show-tip {
  color: #00c2cb;
}
.monolocosummer-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.monolocosummer-theme .notification-container .notification-subject .mat-icon {
  color: #00c2cb;
}
.monolocosummer-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.monolocosummer-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.monolocosummer-theme .message-container .show-tip {
  color: transparent;
}
.monolocosummer-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.monolocosummer-theme .message-container:hover .show-tip {
  color: #00c2cb;
}
.monolocosummer-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.monolocosummer-theme .message-container .message-subject .mat-icon {
  color: #00c2cb;
}
.monolocosummer-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.monolocosummer-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.monolocosummer-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.monolocosummer-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.monolocosummer-theme .primary-200-outline input {
  caret-color: #80e1e5;
  color: #00c2cb;
}
.monolocosummer-theme .primary-200-outline label {
  color: #80e1e5;
}
.monolocosummer-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #80e1e5 !important;
}
.monolocosummer-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #80e1e5;
}
.monolocosummer-theme mat-form-field .primary-outline label {
  color: #00c2cb !important;
}
.monolocosummer-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #00c2cb !important;
}
.monolocosummer-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #00c2cb !important;
}
.monolocosummer-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.monolocosummer-theme .input-primary input {
  caret-color: #00c2cb;
  color: #00c2cb;
}
.monolocosummer-theme .input-primary label {
  color: #00c2cb;
}
.monolocosummer-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #00c2cb !important;
}
.monolocosummer-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.monolocosummer-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #00c2cb;
  border-width: 1px;
}
.monolocosummer-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.monolocosummer-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.monolocosummer-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.monolocosummer-theme .boton-recarga {
  background-color: #00c2cb;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.monolocosummer-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.monolocosummer-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
}
.monolocosummer-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.monolocosummer-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.monolocosummer-theme .header-container button {
  padding: 0 !important;
}
.monolocosummer-theme .header-container .mat-button {
  min-width: unset !important;
}
.monolocosummer-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.monolocosummer-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.monolocosummer-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.monolocosummer-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.monolocosummer-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.monolocosummer-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.monolocosummer-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.monolocosummer-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.monolocosummer-theme .input-recarga-marine {
  border: 1px solid #00c2cb !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.monolocosummer-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.monolocosummer-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.monolocosummer-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.monolocosummer-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.monolocosummer-theme .color-primary {
  color: #00c2cb !important;
  fill: #00c2cb !important;
}
.monolocosummer-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.monolocosummer-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.monolocosummer-theme .primary-contrast {
  color: #000000 !important;
}
.monolocosummer-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.monolocosummer-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.monolocosummer-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.monolocosummer-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.monolocosummer-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.monolocosummer-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.monolocosummer-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.monolocosummer-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.monolocosummer-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #6ff3ff !important;
}
.monolocosummer-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.monolocosummer-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .mat-checkbox-checked .mat-checkbox-background,
.monolocosummer-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #00c2cb !important;
}
.monolocosummer-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.monolocosummer-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.monolocosummer-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #80e1e5 !important;
}
.monolocosummer-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.monolocosummer-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.monolocosummer-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.monolocosummer-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.monolocosummer-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.monolocosummer-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.monolocosummer-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.monolocosummer-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #00c2cb !important;
}
.monolocosummer-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.monolocosummer-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.monolocosummer-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.monolocosummer-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.monolocosummer-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.monolocosummer-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.monolocosummer-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.monolocosummer-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.monolocosummer-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.monolocosummer-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #6ff3ff !important;
}
.monolocosummer-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #6ff3ff !important;
}
.monolocosummer-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.monolocosummer-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.monolocosummer-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.monolocosummer-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.monolocosummer-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.monolocosummer-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #6ff3ff !important;
}
.monolocosummer-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #6ff3ff !important;
}
.monolocosummer-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.monolocosummer-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.monolocosummer-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #6ff3ff !important;
}
.monolocosummer-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #6ff3ff !important;
}
.monolocosummer-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #6ff3ff !important;
}
.monolocosummer-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #6ff3ff !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.monolocosummer-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #6ff3ff !important;
}
.monolocosummer-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #6ff3ff !important;
}
.monolocosummer-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #000000 !important;
}
.monolocosummer-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.monolocosummer-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #000000 !important;
}
.monolocosummer-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.monolocosummer-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.monolocosummer-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #00c2cb !important;
}
.monolocosummer-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.monolocosummer-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #000000;
  background-color: #00c2cb !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.monolocosummer-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.monolocosummer-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.monolocosummer-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.monolocosummer-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.monolocosummer-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.monolocosummer-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #6ff3ff !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.monolocosummer-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #00c2cb !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #00c2cb !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.monolocosummer-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #00c2cb !important;
}
.monolocosummer-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.monolocosummer-theme .button-text-hidden {
  display: none;
}
.elrebujitoislamayor-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #004aad;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #004aad 87%, transparent);
  --mat-form-field-filled-caret-color: #004aad;
  --mat-form-field-filled-focus-active-indicator-color: #004aad;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #004aad 87%, transparent);
  --mat-form-field-outlined-caret-color: #004aad;
  --mat-form-field-outlined-focus-outline-color: #004aad;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #004aad 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #004aad;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #004aad;
  --mat-slide-toggle-selected-handle-color: #004aad;
  --mat-slide-toggle-selected-hover-state-layer-color: #004aad;
  --mat-slide-toggle-selected-pressed-state-layer-color: #004aad;
  --mat-slide-toggle-selected-focus-handle-color: #004aad;
  --mat-slide-toggle-selected-hover-handle-color: #004aad;
  --mat-slide-toggle-selected-pressed-handle-color: #004aad;
  --mat-slide-toggle-selected-focus-track-color: #4d80c6;
  --mat-slide-toggle-selected-hover-track-color: #4d80c6;
  --mat-slide-toggle-selected-pressed-track-color: #4d80c6;
  --mat-slide-toggle-selected-track-color: #4d80c6;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #004aad;
  --mat-slider-focus-handle-color: #004aad;
  --mat-slider-handle-color: #004aad;
  --mat-slider-hover-handle-color: #004aad;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #004aad 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #004aad 4%, transparent);
  --mat-slider-inactive-track-color: #004aad;
  --mat-slider-ripple-color: #004aad;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #004aad;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #4d80c6;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #004aad;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #004aad;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #004aad 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #004aad;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #004aad 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #004aad 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #004aad 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #004aad;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #004aad;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #004aad;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #004aad;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #004aad;
  --mat-slide-toggle-selected-handle-color: #004aad;
  --mat-slide-toggle-selected-hover-state-layer-color: #004aad;
  --mat-slide-toggle-selected-pressed-state-layer-color: #004aad;
  --mat-slide-toggle-selected-focus-handle-color: #004aad;
  --mat-slide-toggle-selected-hover-handle-color: #004aad;
  --mat-slide-toggle-selected-pressed-handle-color: #004aad;
  --mat-slide-toggle-selected-focus-track-color: #4d80c6;
  --mat-slide-toggle-selected-hover-track-color: #4d80c6;
  --mat-slide-toggle-selected-pressed-track-color: #4d80c6;
  --mat-slide-toggle-selected-track-color: #4d80c6;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.elrebujitoislamayor-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.elrebujitoislamayor-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.elrebujitoislamayor-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #004aad;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #004aad;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.elrebujitoislamayor-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.elrebujitoislamayor-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.elrebujitoislamayor-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #004aad;
  --mat-progress-bar-track-color: rgba(0, 74, 173, 0.25);
}
.elrebujitoislamayor-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.elrebujitoislamayor-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.elrebujitoislamayor-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.elrebujitoislamayor-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.elrebujitoislamayor-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.elrebujitoislamayor-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.elrebujitoislamayor-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.elrebujitoislamayor-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.elrebujitoislamayor-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.elrebujitoislamayor-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #004aad;
  --mat-chip-elevated-disabled-container-color: #004aad;
  --mat-chip-elevated-selected-container-color: #004aad;
  --mat-chip-flat-disabled-selected-container-color: #004aad;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.elrebujitoislamayor-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.elrebujitoislamayor-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.elrebujitoislamayor-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.elrebujitoislamayor-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.elrebujitoislamayor-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.elrebujitoislamayor-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.elrebujitoislamayor-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.elrebujitoislamayor-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.elrebujitoislamayor-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.elrebujitoislamayor-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #004aad;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #004aad;
  --mat-radio-selected-hover-icon-color: #004aad;
  --mat-radio-selected-icon-color: #004aad;
  --mat-radio-selected-pressed-icon-color: #004aad;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.elrebujitoislamayor-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.elrebujitoislamayor-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.elrebujitoislamayor-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.elrebujitoislamayor-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.elrebujitoislamayor-theme .mdc-list-item__start,
.elrebujitoislamayor-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #004aad;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #004aad;
  --mat-radio-selected-hover-icon-color: #004aad;
  --mat-radio-selected-icon-color: #004aad;
  --mat-radio-selected-pressed-icon-color: #004aad;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.elrebujitoislamayor-theme .mat-accent .mdc-list-item__start,
.elrebujitoislamayor-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.elrebujitoislamayor-theme .mat-warn .mdc-list-item__start,
.elrebujitoislamayor-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.elrebujitoislamayor-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #004aad;
  --mat-checkbox-selected-hover-icon-color: #004aad;
  --mat-checkbox-selected-icon-color: #004aad;
  --mat-checkbox-selected-pressed-icon-color: #004aad;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #004aad;
  --mat-checkbox-selected-hover-state-layer-color: #004aad;
  --mat-checkbox-selected-pressed-state-layer-color: #004aad;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.elrebujitoislamayor-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.elrebujitoislamayor-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.elrebujitoislamayor-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.elrebujitoislamayor-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.elrebujitoislamayor-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.elrebujitoislamayor-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #004aad;
}
.elrebujitoislamayor-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.elrebujitoislamayor-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.elrebujitoislamayor-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.elrebujitoislamayor-theme .mdc-list-item__start,
.elrebujitoislamayor-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.elrebujitoislamayor-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.elrebujitoislamayor-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.elrebujitoislamayor-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.elrebujitoislamayor-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.elrebujitoislamayor-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.elrebujitoislamayor-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.elrebujitoislamayor-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.elrebujitoislamayor-theme .mat-mdc-tab-group,
.elrebujitoislamayor-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #004aad;
  --mat-tab-active-ripple-color: #004aad;
  --mat-tab-inactive-ripple-color: #004aad;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #004aad;
  --mat-tab-active-hover-label-text-color: #004aad;
  --mat-tab-active-focus-indicator-color: #004aad;
  --mat-tab-active-hover-indicator-color: #004aad;
  --mat-tab-active-indicator-color: #004aad;
}
.elrebujitoislamayor-theme .mat-mdc-tab-group.mat-accent,
.elrebujitoislamayor-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.elrebujitoislamayor-theme .mat-mdc-tab-group.mat-warn,
.elrebujitoislamayor-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.elrebujitoislamayor-theme .mat-mdc-tab-group.mat-background-primary,
.elrebujitoislamayor-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #004aad;
  --mat-tab-foreground-color: #ffffff;
}
.elrebujitoislamayor-theme .mat-mdc-tab-group.mat-background-accent,
.elrebujitoislamayor-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.elrebujitoislamayor-theme .mat-mdc-tab-group.mat-background-warn,
.elrebujitoislamayor-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.elrebujitoislamayor-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.elrebujitoislamayor-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.elrebujitoislamayor-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #004aad;
  --mat-checkbox-selected-hover-icon-color: #004aad;
  --mat-checkbox-selected-icon-color: #004aad;
  --mat-checkbox-selected-pressed-icon-color: #004aad;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #004aad;
  --mat-checkbox-selected-hover-state-layer-color: #004aad;
  --mat-checkbox-selected-pressed-state-layer-color: #004aad;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.elrebujitoislamayor-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.elrebujitoislamayor-theme .mat-mdc-button.mat-primary,
.elrebujitoislamayor-theme .mat-mdc-unelevated-button.mat-primary,
.elrebujitoislamayor-theme .mat-mdc-raised-button.mat-primary,
.elrebujitoislamayor-theme .mat-mdc-outlined-button.mat-primary,
.elrebujitoislamayor-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #004aad;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #004aad;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #004aad 12%, transparent);
  --mat-button-outlined-state-layer-color: #004aad;
  --mat-button-protected-container-color: #004aad;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #004aad;
  --mat-button-text-ripple-color: color-mix(in srgb, #004aad 12%, transparent);
  --mat-button-text-state-layer-color: #004aad;
  --mat-button-tonal-container-color: #004aad;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.elrebujitoislamayor-theme .mat-mdc-button.mat-accent,
.elrebujitoislamayor-theme .mat-mdc-unelevated-button.mat-accent,
.elrebujitoislamayor-theme .mat-mdc-raised-button.mat-accent,
.elrebujitoislamayor-theme .mat-mdc-outlined-button.mat-accent,
.elrebujitoislamayor-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.elrebujitoislamayor-theme .mat-mdc-button.mat-warn,
.elrebujitoislamayor-theme .mat-mdc-unelevated-button.mat-warn,
.elrebujitoislamayor-theme .mat-mdc-raised-button.mat-warn,
.elrebujitoislamayor-theme .mat-mdc-outlined-button.mat-warn,
.elrebujitoislamayor-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.elrebujitoislamayor-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #004aad;
  --mat-icon-button-state-layer-color: #004aad;
  --mat-icon-button-ripple-color: color-mix(in srgb, #004aad 12%, transparent);
}
.elrebujitoislamayor-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.elrebujitoislamayor-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.elrebujitoislamayor-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.elrebujitoislamayor-theme .mat-mdc-fab.mat-primary,
.elrebujitoislamayor-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #004aad;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #004aad 12%, transparent);
  --mat-fab-small-container-color: #004aad;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.elrebujitoislamayor-theme .mat-mdc-fab.mat-accent,
.elrebujitoislamayor-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.elrebujitoislamayor-theme .mat-mdc-fab.mat-warn,
.elrebujitoislamayor-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.elrebujitoislamayor-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.elrebujitoislamayor-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.elrebujitoislamayor-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.elrebujitoislamayor-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.elrebujitoislamayor-theme .mat-datepicker-content.mat-accent,
.elrebujitoislamayor-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.elrebujitoislamayor-theme .mat-datepicker-content.mat-warn,
.elrebujitoislamayor-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.elrebujitoislamayor-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.elrebujitoislamayor-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.elrebujitoislamayor-theme .mat-icon.mat-primary {
  --mat-icon-color: #004aad;
}
.elrebujitoislamayor-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.elrebujitoislamayor-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.elrebujitoislamayor-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.elrebujitoislamayor-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.elrebujitoislamayor-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #004aad;
  --mat-toolbar-container-text-color: #ffffff;
}
.elrebujitoislamayor-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.elrebujitoislamayor-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.elrebujitoislamayor-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.elrebujitoislamayor-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.elrebujitoislamayor-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.elrebujitoislamayor-theme .back-container {
  color: #004aad;
}
.elrebujitoislamayor-theme .back-container:hover {
  opacity: 0.54;
}
.elrebujitoislamayor-theme .warn-text {
  color: #e74737;
}
.elrebujitoislamayor-theme .inside-modal-title.primary-colored-title,
.elrebujitoislamayor-theme .form-title.primary-colored-title {
  color: #004aad;
}
.elrebujitoislamayor-theme .full-height-container form .button-container {
  background: white;
}
.elrebujitoislamayor-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.elrebujitoislamayor-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.elrebujitoislamayor-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.elrebujitoislamayor-theme .box-checkbox.active-box-checkbox {
  background-color: #004aad;
  color: white;
}
.elrebujitoislamayor-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.elrebujitoislamayor-theme .box-radio.active-box-radio {
  background-color: #004aad;
  color: white;
}
.elrebujitoislamayor-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.elrebujitoislamayor-theme .error {
  color: #e74737;
}
.elrebujitoislamayor-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.elrebujitoislamayor-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.elrebujitoislamayor-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.elrebujitoislamayor-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.elrebujitoislamayor-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.elrebujitoislamayor-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.elrebujitoislamayor-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.elrebujitoislamayor-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.elrebujitoislamayor-theme .ql-snow .ql-picker-options {
  background: white;
}
.elrebujitoislamayor-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.elrebujitoislamayor-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.elrebujitoislamayor-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.elrebujitoislamayor-theme .ql-snow .ql-fill,
.elrebujitoislamayor-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.elrebujitoislamayor-theme .ql-snow.ql-toolbar button:hover,
.elrebujitoislamayor-theme .ql-snow .ql-toolbar button:hover,
.elrebujitoislamayor-theme .ql-snow.ql-toolbar button:focus,
.elrebujitoislamayor-theme .ql-snow .ql-toolbar button:focus,
.elrebujitoislamayor-theme .ql-snow.ql-toolbar button.ql-active,
.elrebujitoislamayor-theme .ql-snow .ql-toolbar button.ql-active,
.elrebujitoislamayor-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.elrebujitoislamayor-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.elrebujitoislamayor-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.elrebujitoislamayor-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.elrebujitoislamayor-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.elrebujitoislamayor-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.elrebujitoislamayor-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.elrebujitoislamayor-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.elrebujitoislamayor-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.elrebujitoislamayor-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.elrebujitoislamayor-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.elrebujitoislamayor-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.elrebujitoislamayor-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.elrebujitoislamayor-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.elrebujitoislamayor-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.elrebujitoislamayor-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.elrebujitoislamayor-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.elrebujitoislamayor-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.elrebujitoislamayor-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.elrebujitoislamayor-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.elrebujitoislamayor-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.elrebujitoislamayor-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.elrebujitoislamayor-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.elrebujitoislamayor-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.elrebujitoislamayor-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.elrebujitoislamayor-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.elrebujitoislamayor-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.elrebujitoislamayor-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.elrebujitoislamayor-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.elrebujitoislamayor-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.elrebujitoislamayor-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.elrebujitoislamayor-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.elrebujitoislamayor-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.elrebujitoislamayor-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.elrebujitoislamayor-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.elrebujitoislamayor-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.elrebujitoislamayor-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.elrebujitoislamayor-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.elrebujitoislamayor-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.elrebujitoislamayor-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.elrebujitoislamayor-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.elrebujitoislamayor-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.elrebujitoislamayor-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.elrebujitoislamayor-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.elrebujitoislamayor-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.elrebujitoislamayor-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.elrebujitoislamayor-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.elrebujitoislamayor-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.elrebujitoislamayor-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.elrebujitoislamayor-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.elrebujitoislamayor-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.elrebujitoislamayor-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.elrebujitoislamayor-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.elrebujitoislamayor-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.elrebujitoislamayor-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.elrebujitoislamayor-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.elrebujitoislamayor-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.elrebujitoislamayor-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.elrebujitoislamayor-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.elrebujitoislamayor-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.elrebujitoislamayor-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.elrebujitoislamayor-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.elrebujitoislamayor-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.elrebujitoislamayor-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.elrebujitoislamayor-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.elrebujitoislamayor-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.elrebujitoislamayor-theme bee-form-item {
  margin-right: 0 !important;
}
.elrebujitoislamayor-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.elrebujitoislamayor-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #004aad;
  height: 38px !important;
}
.elrebujitoislamayor-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.elrebujitoislamayor-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.elrebujitoislamayor-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.elrebujitoislamayor-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.elrebujitoislamayor-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.elrebujitoislamayor-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.elrebujitoislamayor-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.elrebujitoislamayor-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.elrebujitoislamayor-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .elrebujitoislamayor-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.elrebujitoislamayor-theme .general-container .label-wrapper label {
  color: #004aad !important;
  background-color: white;
}
.elrebujitoislamayor-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.elrebujitoislamayor-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.elrebujitoislamayor-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.elrebujitoislamayor-theme .general-container .bee-selector .bee-selector-container {
  border-color: #004aad !important;
}
.elrebujitoislamayor-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.elrebujitoislamayor-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.elrebujitoislamayor-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.elrebujitoislamayor-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.elrebujitoislamayor-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.elrebujitoislamayor-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.elrebujitoislamayor-theme .general-container .bee-selector .bee-selector-container:focus,
.elrebujitoislamayor-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #004aad;
}
.elrebujitoislamayor-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.elrebujitoislamayor-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #004aad;
}
.elrebujitoislamayor-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.elrebujitoislamayor-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #004aad;
}
.elrebujitoislamayor-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.elrebujitoislamayor-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.elrebujitoislamayor-theme .general-container .bee-dropdown {
  background: white;
}
.elrebujitoislamayor-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #004aad;
}
.elrebujitoislamayor-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.elrebujitoislamayor-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.elrebujitoislamayor-theme .general-container .selector-error {
  color: #e74737;
}
.elrebujitoislamayor-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.elrebujitoislamayor-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.elrebujitoislamayor-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.elrebujitoislamayor-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.elrebujitoislamayor-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #004aad;
}
.elrebujitoislamayor-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.elrebujitoislamayor-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.elrebujitoislamayor-theme .move-image-action-container:hover {
  color: #004aad;
}
.elrebujitoislamayor-theme .info-icon {
  color: #004aad;
}
.elrebujitoislamayor-theme .email-chip {
  color: #004aad !important;
  background-color: rgba(0, 74, 173, 0.15) !important;
}
.elrebujitoislamayor-theme .email-chip .mat-chip-remove {
  color: #004aad !important;
  opacity: 1 !important;
}
.elrebujitoislamayor-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.elrebujitoislamayor-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.elrebujitoislamayor-theme .mat-badge-content {
  color: #004aad !important;
}
.elrebujitoislamayor-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #004aad !important;
}
.elrebujitoislamayor-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #004aad !important;
}
.elrebujitoislamayor-theme #circle-lleno {
  background: #4a6aff;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.elrebujitoislamayor-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.elrebujitoislamayor-theme .marine-color {
  color: #0f223e !important;
}
.elrebujitoislamayor-theme .primary-color {
  color: #004aad !important;
}
.elrebujitoislamayor-theme .gray-color {
  color: #C0C4CA !important;
}
.elrebujitoislamayor-theme .primary-color-200 {
  color: #80a5d6 !important;
}
.elrebujitoislamayor-theme svg.primary-fill-svg {
  fill: #004aad !important;
}
.elrebujitoislamayor-theme .primary-fill {
  fill: #004aad !important;
}
.elrebujitoislamayor-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.elrebujitoislamayor-theme .primary-border-50 {
  border-color: #e0e9f5 !important;
}
.elrebujitoislamayor-theme .primary-border-100 {
  border-color: #b3c9e6 !important;
}
.elrebujitoislamayor-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.elrebujitoislamayor-theme .transparent-border-100 {
  border-color: transparent !important;
}
.elrebujitoislamayor-theme .primary-border-200 {
  border-color: #80a5d6 !important;
}
.elrebujitoislamayor-theme .primary-indicator .mat-expansion-indicator:after {
  color: #004aad;
}
.elrebujitoislamayor-theme .contrast-background {
  background-color: #ffffff !important;
}
.elrebujitoislamayor-theme .primary-color-small {
  color: rgba(0, 74, 173, 0.6);
}
.elrebujitoislamayor-theme .marine-background {
  background-color: #0f223e !important;
}
.elrebujitoislamayor-theme .primary-background {
  background-color: #004aad !important;
}
.elrebujitoislamayor-theme .primary-background-50 {
  background-color: #e0e9f5 !important;
}
.elrebujitoislamayor-theme .primary-background-200 {
  background-color: #80a5d6 !important;
}
.elrebujitoislamayor-theme .primary-background-800 {
  background-color: #003293 !important;
}
.elrebujitoislamayor-theme .white-color {
  color: white !important;
}
.elrebujitoislamayor-theme .secondary-color {
  color: #4a6aff !important;
}
.elrebujitoislamayor-theme .secondary-background {
  background-color: #4a6aff !important;
}
.elrebujitoislamayor-theme .secondary-background-semi {
  background-color: #004aad !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #004aad !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.elrebujitoislamayor-theme .secondary-background-full {
  background-color: #004aad !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #004aad !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.elrebujitoislamayor-theme .secondary-background-empty {
  background-color: #004aad !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #004aad !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.elrebujitoislamayor-theme .secondary-border {
  background-color: #4a6aff !important;
}
.elrebujitoislamayor-theme .tertiary-color {
  color: #4a6aff !important;
}
.elrebujitoislamayor-theme button.button-tertiary {
  background-color: #4a6aff !important;
  color: #004aad !important;
  border: 1px solid #004aad !important;
}
.elrebujitoislamayor-theme span.red-text {
  color: #DB1F35 !important;
}
.elrebujitoislamayor-theme .tertiary-background {
  background-color: #4a6aff !important;
}
.elrebujitoislamayor-theme .tertiary-border {
  border-color: #4a6aff !important;
}
.elrebujitoislamayor-theme .dark-background {
  background-color: black !important;
}
.elrebujitoislamayor-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.elrebujitoislamayor-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.elrebujitoislamayor-theme .primary-soft-background {
  background-color: rgba(0, 74, 173, 0.1) !important;
}
.elrebujitoislamayor-theme .primary-soft-background:hover {
  background-color: rgba(0, 74, 173, 0.15) !important;
}
.elrebujitoislamayor-theme .primary-border {
  border-color: #004aad !important;
}
.elrebujitoislamayor-theme .default-background {
  background-color: #fafafa !important;
}
.elrebujitoislamayor-theme .hover-primary:hover {
  color: #004aad !important;
}
.elrebujitoislamayor-theme .hover-primary-background:hover {
  background-color: #004aad !important;
}
.elrebujitoislamayor-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.elrebujitoislamayor-theme .warn-color {
  color: #e74737 !important;
}
.elrebujitoislamayor-theme .warn-border {
  border-color: #e74737 !important;
}
.elrebujitoislamayor-theme .accent-color {
  color: #fedd93 !important;
}
.elrebujitoislamayor-theme .accent-background {
  background-color: #fedd93 !important;
}
.elrebujitoislamayor-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.elrebujitoislamayor-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.elrebujitoislamayor-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.elrebujitoislamayor-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.elrebujitoislamayor-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.elrebujitoislamayor-theme .dialog-table tr .action-icon {
  color: transparent;
}
.elrebujitoislamayor-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.elrebujitoislamayor-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.elrebujitoislamayor-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #004aad;
}
.elrebujitoislamayor-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.elrebujitoislamayor-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.elrebujitoislamayor-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.elrebujitoislamayor-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.elrebujitoislamayor-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.elrebujitoislamayor-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.elrebujitoislamayor-theme .card-table tr .action-icon {
  color: transparent;
}
.elrebujitoislamayor-theme .card-table tr .action-icon button {
  color: transparent;
}
.elrebujitoislamayor-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.elrebujitoislamayor-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.elrebujitoislamayor-theme .card-table tr:hover .action-icon button {
  color: #004aad;
}
.elrebujitoislamayor-theme .card-table tr:hover .action-icon:hover {
  color: #004aad;
}
.elrebujitoislamayor-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.elrebujitoislamayor-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.elrebujitoislamayor-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.elrebujitoislamayor-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.elrebujitoislamayor-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #004aad;
}
.elrebujitoislamayor-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.elrebujitoislamayor-theme .no-hover-table tr:hover {
  background: white;
}
.elrebujitoislamayor-theme .custom-standard-chip {
  background-color: rgba(0, 74, 173, 0.1) !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .help-dashboard-card .mat-icon {
  color: #004aad;
}
.elrebujitoislamayor-theme .help-dashboard-card:hover {
  background-color: #004aad;
}
.elrebujitoislamayor-theme .help-dashboard-card:hover .mat-icon,
.elrebujitoislamayor-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.elrebujitoislamayor-theme .room-open {
  background-color: #004aad !important;
  color: white !important;
}
.elrebujitoislamayor-theme .room-open:hover {
  background-color: #004aad !important;
  color: white !important;
}
.elrebujitoislamayor-theme #public-office-page-groups .public-group-button-hover {
  background-color: #004aad !important;
  color: white !important;
}
.elrebujitoislamayor-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.elrebujitoislamayor-theme .notification-container .show-tip {
  color: transparent;
}
.elrebujitoislamayor-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.elrebujitoislamayor-theme .notification-container:hover .show-tip {
  color: #004aad;
}
.elrebujitoislamayor-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.elrebujitoislamayor-theme .notification-container .notification-subject .mat-icon {
  color: #004aad;
}
.elrebujitoislamayor-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.elrebujitoislamayor-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.elrebujitoislamayor-theme .message-container .show-tip {
  color: transparent;
}
.elrebujitoislamayor-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.elrebujitoislamayor-theme .message-container:hover .show-tip {
  color: #004aad;
}
.elrebujitoislamayor-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.elrebujitoislamayor-theme .message-container .message-subject .mat-icon {
  color: #004aad;
}
.elrebujitoislamayor-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.elrebujitoislamayor-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.elrebujitoislamayor-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.elrebujitoislamayor-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.elrebujitoislamayor-theme .primary-200-outline input {
  caret-color: #80a5d6;
  color: #004aad;
}
.elrebujitoislamayor-theme .primary-200-outline label {
  color: #80a5d6;
}
.elrebujitoislamayor-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #80a5d6 !important;
}
.elrebujitoislamayor-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #80a5d6;
}
.elrebujitoislamayor-theme mat-form-field .primary-outline label {
  color: #004aad !important;
}
.elrebujitoislamayor-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #004aad !important;
}
.elrebujitoislamayor-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #004aad !important;
}
.elrebujitoislamayor-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.elrebujitoislamayor-theme .input-primary input {
  caret-color: #004aad;
  color: #004aad;
}
.elrebujitoislamayor-theme .input-primary label {
  color: #004aad;
}
.elrebujitoislamayor-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #004aad !important;
}
.elrebujitoislamayor-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.elrebujitoislamayor-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #004aad;
  border-width: 1px;
}
.elrebujitoislamayor-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.elrebujitoislamayor-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.elrebujitoislamayor-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.elrebujitoislamayor-theme .boton-recarga {
  background-color: #004aad;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.elrebujitoislamayor-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.elrebujitoislamayor-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.elrebujitoislamayor-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.elrebujitoislamayor-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.elrebujitoislamayor-theme .header-container button {
  padding: 0 !important;
}
.elrebujitoislamayor-theme .header-container .mat-button {
  min-width: unset !important;
}
.elrebujitoislamayor-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.elrebujitoislamayor-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.elrebujitoislamayor-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.elrebujitoislamayor-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.elrebujitoislamayor-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.elrebujitoislamayor-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.elrebujitoislamayor-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.elrebujitoislamayor-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.elrebujitoislamayor-theme .input-recarga-marine {
  border: 1px solid #004aad !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.elrebujitoislamayor-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.elrebujitoislamayor-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.elrebujitoislamayor-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.elrebujitoislamayor-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.elrebujitoislamayor-theme .color-primary {
  color: #004aad !important;
  fill: #004aad !important;
}
.elrebujitoislamayor-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.elrebujitoislamayor-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.elrebujitoislamayor-theme .primary-contrast {
  color: #ffffff !important;
}
.elrebujitoislamayor-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.elrebujitoislamayor-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.elrebujitoislamayor-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.elrebujitoislamayor-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.elrebujitoislamayor-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.elrebujitoislamayor-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.elrebujitoislamayor-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.elrebujitoislamayor-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.elrebujitoislamayor-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #4a6aff !important;
}
.elrebujitoislamayor-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.elrebujitoislamayor-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .mat-checkbox-checked .mat-checkbox-background,
.elrebujitoislamayor-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #004aad !important;
}
.elrebujitoislamayor-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.elrebujitoislamayor-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.elrebujitoislamayor-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #80a5d6 !important;
}
.elrebujitoislamayor-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.elrebujitoislamayor-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.elrebujitoislamayor-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.elrebujitoislamayor-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.elrebujitoislamayor-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.elrebujitoislamayor-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.elrebujitoislamayor-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.elrebujitoislamayor-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.elrebujitoislamayor-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.elrebujitoislamayor-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.elrebujitoislamayor-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.elrebujitoislamayor-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.elrebujitoislamayor-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.elrebujitoislamayor-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.elrebujitoislamayor-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.elrebujitoislamayor-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.elrebujitoislamayor-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #4a6aff !important;
}
.elrebujitoislamayor-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #4a6aff !important;
}
.elrebujitoislamayor-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.elrebujitoislamayor-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.elrebujitoislamayor-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.elrebujitoislamayor-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.elrebujitoislamayor-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.elrebujitoislamayor-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #4a6aff !important;
}
.elrebujitoislamayor-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #4a6aff !important;
}
.elrebujitoislamayor-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.elrebujitoislamayor-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.elrebujitoislamayor-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #4a6aff !important;
}
.elrebujitoislamayor-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #4a6aff !important;
}
.elrebujitoislamayor-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #4a6aff !important;
}
.elrebujitoislamayor-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #4a6aff !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.elrebujitoislamayor-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #4a6aff !important;
}
.elrebujitoislamayor-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #4a6aff !important;
}
.elrebujitoislamayor-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.elrebujitoislamayor-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.elrebujitoislamayor-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.elrebujitoislamayor-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.elrebujitoislamayor-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.elrebujitoislamayor-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.elrebujitoislamayor-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #004aad !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.elrebujitoislamayor-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.elrebujitoislamayor-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.elrebujitoislamayor-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.elrebujitoislamayor-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.elrebujitoislamayor-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.elrebujitoislamayor-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #4a6aff !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.elrebujitoislamayor-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #004aad !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #004aad !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.elrebujitoislamayor-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #004aad !important;
}
.elrebujitoislamayor-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.elrebujitoislamayor-theme .button-text-hidden {
  display: none;
}
.vesu-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #ec6d9c;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #ec6d9c 87%, transparent);
  --mat-form-field-filled-caret-color: #ec6d9c;
  --mat-form-field-filled-focus-active-indicator-color: #ec6d9c;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #ec6d9c 87%, transparent);
  --mat-form-field-outlined-caret-color: #ec6d9c;
  --mat-form-field-outlined-focus-outline-color: #ec6d9c;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #ec6d9c 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #ec6d9c;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #ec6d9c;
  --mat-slide-toggle-selected-handle-color: #ec6d9c;
  --mat-slide-toggle-selected-hover-state-layer-color: #ec6d9c;
  --mat-slide-toggle-selected-pressed-state-layer-color: #ec6d9c;
  --mat-slide-toggle-selected-focus-handle-color: #ec6d9c;
  --mat-slide-toggle-selected-hover-handle-color: #ec6d9c;
  --mat-slide-toggle-selected-pressed-handle-color: #ec6d9c;
  --mat-slide-toggle-selected-focus-track-color: #f299ba;
  --mat-slide-toggle-selected-hover-track-color: #f299ba;
  --mat-slide-toggle-selected-pressed-track-color: #f299ba;
  --mat-slide-toggle-selected-track-color: #f299ba;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #ec6d9c;
  --mat-slider-focus-handle-color: #ec6d9c;
  --mat-slider-handle-color: #ec6d9c;
  --mat-slider-hover-handle-color: #ec6d9c;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #ec6d9c 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #ec6d9c 4%, transparent);
  --mat-slider-inactive-track-color: #ec6d9c;
  --mat-slider-ripple-color: #ec6d9c;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #ec6d9c;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #f299ba;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #ec6d9c;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #ec6d9c;
  --mat-badge-text-color: #000000;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #ec6d9c 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #ec6d9c;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #ec6d9c 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #ec6d9c 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #ec6d9c 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #ec6d9c;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #ec6d9c;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #ec6d9c;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #ec6d9c;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #ec6d9c;
  --mat-slide-toggle-selected-handle-color: #ec6d9c;
  --mat-slide-toggle-selected-hover-state-layer-color: #ec6d9c;
  --mat-slide-toggle-selected-pressed-state-layer-color: #ec6d9c;
  --mat-slide-toggle-selected-focus-handle-color: #ec6d9c;
  --mat-slide-toggle-selected-hover-handle-color: #ec6d9c;
  --mat-slide-toggle-selected-pressed-handle-color: #ec6d9c;
  --mat-slide-toggle-selected-focus-track-color: #f299ba;
  --mat-slide-toggle-selected-hover-track-color: #f299ba;
  --mat-slide-toggle-selected-pressed-track-color: #f299ba;
  --mat-slide-toggle-selected-track-color: #f299ba;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.vesu-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.vesu-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.vesu-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #ec6d9c;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ec6d9c;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.vesu-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.vesu-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.vesu-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #ec6d9c;
  --mat-progress-bar-track-color: rgba(236, 109, 156, 0.25);
}
.vesu-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.vesu-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.vesu-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.vesu-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.vesu-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.vesu-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.vesu-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.vesu-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.vesu-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.vesu-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #ec6d9c;
  --mat-chip-elevated-disabled-container-color: #ec6d9c;
  --mat-chip-elevated-selected-container-color: #ec6d9c;
  --mat-chip-flat-disabled-selected-container-color: #ec6d9c;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.vesu-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.vesu-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.vesu-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.vesu-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.vesu-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.vesu-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.vesu-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.vesu-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.vesu-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.vesu-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #ec6d9c;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ec6d9c;
  --mat-radio-selected-hover-icon-color: #ec6d9c;
  --mat-radio-selected-icon-color: #ec6d9c;
  --mat-radio-selected-pressed-icon-color: #ec6d9c;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.vesu-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.vesu-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.vesu-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.vesu-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.vesu-theme .mdc-list-item__start,
.vesu-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #ec6d9c;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ec6d9c;
  --mat-radio-selected-hover-icon-color: #ec6d9c;
  --mat-radio-selected-icon-color: #ec6d9c;
  --mat-radio-selected-pressed-icon-color: #ec6d9c;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.vesu-theme .mat-accent .mdc-list-item__start,
.vesu-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.vesu-theme .mat-warn .mdc-list-item__start,
.vesu-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.vesu-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #ec6d9c;
  --mat-checkbox-selected-hover-icon-color: #ec6d9c;
  --mat-checkbox-selected-icon-color: #ec6d9c;
  --mat-checkbox-selected-pressed-icon-color: #ec6d9c;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ec6d9c;
  --mat-checkbox-selected-hover-state-layer-color: #ec6d9c;
  --mat-checkbox-selected-pressed-state-layer-color: #ec6d9c;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.vesu-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.vesu-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.vesu-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.vesu-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.vesu-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.vesu-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #ec6d9c;
}
.vesu-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.vesu-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.vesu-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.vesu-theme .mdc-list-item__start,
.vesu-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.vesu-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.vesu-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.vesu-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.vesu-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.vesu-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.vesu-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.vesu-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.vesu-theme .mat-mdc-tab-group,
.vesu-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #ec6d9c;
  --mat-tab-active-ripple-color: #ec6d9c;
  --mat-tab-inactive-ripple-color: #ec6d9c;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #ec6d9c;
  --mat-tab-active-hover-label-text-color: #ec6d9c;
  --mat-tab-active-focus-indicator-color: #ec6d9c;
  --mat-tab-active-hover-indicator-color: #ec6d9c;
  --mat-tab-active-indicator-color: #ec6d9c;
}
.vesu-theme .mat-mdc-tab-group.mat-accent,
.vesu-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.vesu-theme .mat-mdc-tab-group.mat-warn,
.vesu-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.vesu-theme .mat-mdc-tab-group.mat-background-primary,
.vesu-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #ec6d9c;
  --mat-tab-foreground-color: #000000;
}
.vesu-theme .mat-mdc-tab-group.mat-background-accent,
.vesu-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.vesu-theme .mat-mdc-tab-group.mat-background-warn,
.vesu-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.vesu-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.vesu-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.vesu-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #ec6d9c;
  --mat-checkbox-selected-hover-icon-color: #ec6d9c;
  --mat-checkbox-selected-icon-color: #ec6d9c;
  --mat-checkbox-selected-pressed-icon-color: #ec6d9c;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ec6d9c;
  --mat-checkbox-selected-hover-state-layer-color: #ec6d9c;
  --mat-checkbox-selected-pressed-state-layer-color: #ec6d9c;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.vesu-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.vesu-theme .mat-mdc-button.mat-primary,
.vesu-theme .mat-mdc-unelevated-button.mat-primary,
.vesu-theme .mat-mdc-raised-button.mat-primary,
.vesu-theme .mat-mdc-outlined-button.mat-primary,
.vesu-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #ec6d9c;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #ec6d9c;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #ec6d9c 12%, transparent);
  --mat-button-outlined-state-layer-color: #ec6d9c;
  --mat-button-protected-container-color: #ec6d9c;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #ec6d9c;
  --mat-button-text-ripple-color: color-mix(in srgb, #ec6d9c 12%, transparent);
  --mat-button-text-state-layer-color: #ec6d9c;
  --mat-button-tonal-container-color: #ec6d9c;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.vesu-theme .mat-mdc-button.mat-accent,
.vesu-theme .mat-mdc-unelevated-button.mat-accent,
.vesu-theme .mat-mdc-raised-button.mat-accent,
.vesu-theme .mat-mdc-outlined-button.mat-accent,
.vesu-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.vesu-theme .mat-mdc-button.mat-warn,
.vesu-theme .mat-mdc-unelevated-button.mat-warn,
.vesu-theme .mat-mdc-raised-button.mat-warn,
.vesu-theme .mat-mdc-outlined-button.mat-warn,
.vesu-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.vesu-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #ec6d9c;
  --mat-icon-button-state-layer-color: #ec6d9c;
  --mat-icon-button-ripple-color: color-mix(in srgb, #ec6d9c 12%, transparent);
}
.vesu-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.vesu-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.vesu-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.vesu-theme .mat-mdc-fab.mat-primary,
.vesu-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #ec6d9c;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #ec6d9c 12%, transparent);
  --mat-fab-small-container-color: #ec6d9c;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.vesu-theme .mat-mdc-fab.mat-accent,
.vesu-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.vesu-theme .mat-mdc-fab.mat-warn,
.vesu-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.vesu-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.vesu-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.vesu-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.vesu-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.vesu-theme .mat-datepicker-content.mat-accent,
.vesu-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.vesu-theme .mat-datepicker-content.mat-warn,
.vesu-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.vesu-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.vesu-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.vesu-theme .mat-icon.mat-primary {
  --mat-icon-color: #ec6d9c;
}
.vesu-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.vesu-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.vesu-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.vesu-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.vesu-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #ec6d9c;
  --mat-toolbar-container-text-color: #000000;
}
.vesu-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.vesu-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.vesu-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.vesu-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.vesu-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.vesu-theme .back-container {
  color: #ec6d9c;
}
.vesu-theme .back-container:hover {
  opacity: 0.54;
}
.vesu-theme .warn-text {
  color: #e74737;
}
.vesu-theme .inside-modal-title.primary-colored-title,
.vesu-theme .form-title.primary-colored-title {
  color: #ec6d9c;
}
.vesu-theme .full-height-container form .button-container {
  background: white;
}
.vesu-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.vesu-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.vesu-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.vesu-theme .box-checkbox.active-box-checkbox {
  background-color: #ec6d9c;
  color: white;
}
.vesu-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.vesu-theme .box-radio.active-box-radio {
  background-color: #ec6d9c;
  color: white;
}
.vesu-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.vesu-theme .error {
  color: #e74737;
}
.vesu-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.vesu-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.vesu-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.vesu-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.vesu-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.vesu-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.vesu-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.vesu-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.vesu-theme .ql-snow .ql-picker-options {
  background: white;
}
.vesu-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.vesu-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.vesu-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.vesu-theme .ql-snow .ql-fill,
.vesu-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.vesu-theme .ql-snow.ql-toolbar button:hover,
.vesu-theme .ql-snow .ql-toolbar button:hover,
.vesu-theme .ql-snow.ql-toolbar button:focus,
.vesu-theme .ql-snow .ql-toolbar button:focus,
.vesu-theme .ql-snow.ql-toolbar button.ql-active,
.vesu-theme .ql-snow .ql-toolbar button.ql-active,
.vesu-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.vesu-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.vesu-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.vesu-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.vesu-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.vesu-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.vesu-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.vesu-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.vesu-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.vesu-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.vesu-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.vesu-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.vesu-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.vesu-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.vesu-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.vesu-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.vesu-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.vesu-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.vesu-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.vesu-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.vesu-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.vesu-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.vesu-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.vesu-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.vesu-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.vesu-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.vesu-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.vesu-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.vesu-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.vesu-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.vesu-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.vesu-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.vesu-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.vesu-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.vesu-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.vesu-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.vesu-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.vesu-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.vesu-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.vesu-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.vesu-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.vesu-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.vesu-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.vesu-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.vesu-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.vesu-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.vesu-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.vesu-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.vesu-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.vesu-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.vesu-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.vesu-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.vesu-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.vesu-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.vesu-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.vesu-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.vesu-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.vesu-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.vesu-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.vesu-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.vesu-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.vesu-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.vesu-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.vesu-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.vesu-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.vesu-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.vesu-theme bee-form-item {
  margin-right: 0 !important;
}
.vesu-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.vesu-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #ec6d9c;
  height: 38px !important;
}
.vesu-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.vesu-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.vesu-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.vesu-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.vesu-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.vesu-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.vesu-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.vesu-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.vesu-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .vesu-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.vesu-theme .general-container .label-wrapper label {
  color: #ec6d9c !important;
  background-color: white;
}
.vesu-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.vesu-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.vesu-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.vesu-theme .general-container .bee-selector .bee-selector-container {
  border-color: #ec6d9c !important;
}
.vesu-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.vesu-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.vesu-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.vesu-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.vesu-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.vesu-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.vesu-theme .general-container .bee-selector .bee-selector-container:focus,
.vesu-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #ec6d9c;
}
.vesu-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.vesu-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #ec6d9c;
}
.vesu-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.vesu-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #ec6d9c;
}
.vesu-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.vesu-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.vesu-theme .general-container .bee-dropdown {
  background: white;
}
.vesu-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #ec6d9c;
}
.vesu-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.vesu-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.vesu-theme .general-container .selector-error {
  color: #e74737;
}
.vesu-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.vesu-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.vesu-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.vesu-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.vesu-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #ec6d9c;
}
.vesu-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.vesu-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.vesu-theme .move-image-action-container:hover {
  color: #ec6d9c;
}
.vesu-theme .info-icon {
  color: #ec6d9c;
}
.vesu-theme .email-chip {
  color: #ec6d9c !important;
  background-color: rgba(236, 109, 156, 0.15) !important;
}
.vesu-theme .email-chip .mat-chip-remove {
  color: #ec6d9c !important;
  opacity: 1 !important;
}
.vesu-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.vesu-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.vesu-theme .mat-badge-content {
  color: #ec6d9c !important;
}
.vesu-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #ec6d9c !important;
}
.vesu-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #ec6d9c !important;
}
.vesu-theme #circle-lleno {
  background: #ffc7d7;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.vesu-theme .primary-contrast-text-color {
  color: #000000 !important;
}
.vesu-theme .marine-color {
  color: #0f223e !important;
}
.vesu-theme .primary-color {
  color: #ec6d9c !important;
}
.vesu-theme .gray-color {
  color: #C0C4CA !important;
}
.vesu-theme .primary-color-200 {
  color: #f6b6ce !important;
}
.vesu-theme svg.primary-fill-svg {
  fill: #ec6d9c !important;
}
.vesu-theme .primary-fill {
  fill: #ec6d9c !important;
}
.vesu-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.vesu-theme .primary-border-50 {
  border-color: #fdedf3 !important;
}
.vesu-theme .primary-border-100 {
  border-color: #f9d3e1 !important;
}
.vesu-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.vesu-theme .transparent-border-100 {
  border-color: transparent !important;
}
.vesu-theme .primary-border-200 {
  border-color: #f6b6ce !important;
}
.vesu-theme .primary-indicator .mat-expansion-indicator:after {
  color: #ec6d9c;
}
.vesu-theme .contrast-background {
  background-color: #000000 !important;
}
.vesu-theme .primary-color-small {
  color: rgba(236, 109, 156, 0.6);
}
.vesu-theme .marine-background {
  background-color: #0f223e !important;
}
.vesu-theme .primary-background {
  background-color: #ec6d9c !important;
}
.vesu-theme .primary-background-50 {
  background-color: #fdedf3 !important;
}
.vesu-theme .primary-background-200 {
  background-color: #f6b6ce !important;
}
.vesu-theme .primary-background-800 {
  background-color: #e45080 !important;
}
.vesu-theme .white-color {
  color: white !important;
}
.vesu-theme .secondary-color {
  color: #ffc7d7 !important;
}
.vesu-theme .secondary-background {
  background-color: #ffc7d7 !important;
}
.vesu-theme .secondary-background-semi {
  background-color: #ec6d9c !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #ec6d9c !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.vesu-theme .secondary-background-full {
  background-color: #ec6d9c !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #ec6d9c !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.vesu-theme .secondary-background-empty {
  background-color: #ec6d9c !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #ec6d9c !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.vesu-theme .secondary-border {
  background-color: #ffc7d7 !important;
}
.vesu-theme .tertiary-color {
  color: #ffc7d7 !important;
}
.vesu-theme button.button-tertiary {
  background-color: #ffc7d7 !important;
  color: #ec6d9c !important;
  border: 1px solid #ec6d9c !important;
}
.vesu-theme span.red-text {
  color: #DB1F35 !important;
}
.vesu-theme .tertiary-background {
  background-color: #ffc7d7 !important;
}
.vesu-theme .tertiary-border {
  border-color: #ffc7d7 !important;
}
.vesu-theme .dark-background {
  background-color: black !important;
}
.vesu-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.vesu-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.vesu-theme .primary-soft-background {
  background-color: rgba(236, 109, 156, 0.1) !important;
}
.vesu-theme .primary-soft-background:hover {
  background-color: rgba(236, 109, 156, 0.15) !important;
}
.vesu-theme .primary-border {
  border-color: #ec6d9c !important;
}
.vesu-theme .default-background {
  background-color: #fafafa !important;
}
.vesu-theme .hover-primary:hover {
  color: #ec6d9c !important;
}
.vesu-theme .hover-primary-background:hover {
  background-color: #ec6d9c !important;
}
.vesu-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.vesu-theme .warn-color {
  color: #e74737 !important;
}
.vesu-theme .warn-border {
  border-color: #e74737 !important;
}
.vesu-theme .accent-color {
  color: #fedd93 !important;
}
.vesu-theme .accent-background {
  background-color: #fedd93 !important;
}
.vesu-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.vesu-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.vesu-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.vesu-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.vesu-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.vesu-theme .dialog-table tr .action-icon {
  color: transparent;
}
.vesu-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.vesu-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.vesu-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #ec6d9c;
}
.vesu-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.vesu-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.vesu-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.vesu-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.vesu-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.vesu-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.vesu-theme .card-table tr .action-icon {
  color: transparent;
}
.vesu-theme .card-table tr .action-icon button {
  color: transparent;
}
.vesu-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.vesu-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.vesu-theme .card-table tr:hover .action-icon button {
  color: #ec6d9c;
}
.vesu-theme .card-table tr:hover .action-icon:hover {
  color: #ec6d9c;
}
.vesu-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.vesu-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.vesu-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.vesu-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.vesu-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #ec6d9c;
}
.vesu-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.vesu-theme .no-hover-table tr:hover {
  background: white;
}
.vesu-theme .custom-standard-chip {
  background-color: rgba(236, 109, 156, 0.1) !important;
  color: #ec6d9c !important;
}
.vesu-theme .help-dashboard-card .mat-icon {
  color: #ec6d9c;
}
.vesu-theme .help-dashboard-card:hover {
  background-color: #ec6d9c;
}
.vesu-theme .help-dashboard-card:hover .mat-icon,
.vesu-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.vesu-theme .room-open {
  background-color: #ec6d9c !important;
  color: white !important;
}
.vesu-theme .room-open:hover {
  background-color: #ec6d9c !important;
  color: white !important;
}
.vesu-theme #public-office-page-groups .public-group-button-hover {
  background-color: #ec6d9c !important;
  color: white !important;
}
.vesu-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.vesu-theme .notification-container .show-tip {
  color: transparent;
}
.vesu-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.vesu-theme .notification-container:hover .show-tip {
  color: #ec6d9c;
}
.vesu-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.vesu-theme .notification-container .notification-subject .mat-icon {
  color: #ec6d9c;
}
.vesu-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.vesu-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.vesu-theme .message-container .show-tip {
  color: transparent;
}
.vesu-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.vesu-theme .message-container:hover .show-tip {
  color: #ec6d9c;
}
.vesu-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.vesu-theme .message-container .message-subject .mat-icon {
  color: #ec6d9c;
}
.vesu-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.vesu-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.vesu-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.vesu-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.vesu-theme .primary-200-outline input {
  caret-color: #f6b6ce;
  color: #ec6d9c;
}
.vesu-theme .primary-200-outline label {
  color: #f6b6ce;
}
.vesu-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #f6b6ce !important;
}
.vesu-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #f6b6ce;
}
.vesu-theme mat-form-field .primary-outline label {
  color: #ec6d9c !important;
}
.vesu-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #ec6d9c !important;
}
.vesu-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #ec6d9c !important;
}
.vesu-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.vesu-theme .input-primary input {
  caret-color: #ec6d9c;
  color: #ec6d9c;
}
.vesu-theme .input-primary label {
  color: #ec6d9c;
}
.vesu-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #ec6d9c !important;
}
.vesu-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.vesu-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #ec6d9c;
  border-width: 1px;
}
.vesu-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.vesu-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.vesu-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.vesu-theme .boton-recarga {
  background-color: #ec6d9c;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.vesu-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.vesu-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
}
.vesu-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.vesu-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.vesu-theme .header-container button {
  padding: 0 !important;
}
.vesu-theme .header-container .mat-button {
  min-width: unset !important;
}
.vesu-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.vesu-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vesu-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.vesu-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.vesu-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.vesu-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.vesu-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.vesu-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.vesu-theme .input-recarga-marine {
  border: 1px solid #ec6d9c !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.vesu-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.vesu-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.vesu-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.vesu-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.vesu-theme .color-primary {
  color: #ec6d9c !important;
  fill: #ec6d9c !important;
}
.vesu-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.vesu-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.vesu-theme .primary-contrast {
  color: #000000 !important;
}
.vesu-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #ec6d9c !important;
}
.vesu-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #ec6d9c !important;
}
.vesu-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.vesu-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #ec6d9c !important;
}
.vesu-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.vesu-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.vesu-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.vesu-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #ec6d9c !important;
}
.vesu-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #ec6d9c !important;
}
.vesu-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #ec6d9c !important;
}
.vesu-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #ec6d9c !important;
}
.vesu-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ec6d9c !important;
}
.vesu-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.vesu-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ec6d9c !important;
}
.vesu-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.vesu-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #ec6d9c !important;
}
.vesu-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.vesu-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.vesu-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #ec6d9c !important;
}
.vesu-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #ffc7d7 !important;
}
.vesu-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.vesu-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ec6d9c !important;
}
.vesu-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #ec6d9c !important;
}
.vesu-theme .mat-checkbox-checked .mat-checkbox-background,
.vesu-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #ec6d9c !important;
}
.vesu-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #ec6d9c !important;
}
.vesu-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.vesu-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ec6d9c !important;
}
.vesu-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.vesu-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #ec6d9c !important;
}
.vesu-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #f6b6ce !important;
}
.vesu-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #ec6d9c !important;
}
.vesu-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.vesu-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.vesu-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.vesu-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.vesu-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ec6d9c !important;
}
.vesu-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ec6d9c !important;
}
.vesu-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ec6d9c !important;
}
.vesu-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.vesu-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ec6d9c !important;
}
.vesu-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ec6d9c !important;
}
.vesu-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ec6d9c !important;
}
.vesu-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.vesu-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.vesu-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ec6d9c !important;
}
.vesu-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ec6d9c !important;
}
.vesu-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.vesu-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.vesu-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ec6d9c !important;
}
.vesu-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.vesu-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.vesu-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.vesu-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ec6d9c !important;
}
.vesu-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.vesu-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ec6d9c !important;
}
.vesu-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ec6d9c !important;
}
.vesu-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ec6d9c !important;
}
.vesu-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.vesu-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.vesu-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.vesu-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #ec6d9c !important;
}
.vesu-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ec6d9c !important;
}
.vesu-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffc7d7 !important;
}
.vesu-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffc7d7 !important;
}
.vesu-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.vesu-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ec6d9c !important;
}
.vesu-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ec6d9c !important;
}
.vesu-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.vesu-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ec6d9c !important;
}
.vesu-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ec6d9c !important;
}
.vesu-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.vesu-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.vesu-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.vesu-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ffc7d7 !important;
}
.vesu-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffc7d7 !important;
}
.vesu-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.vesu-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.vesu-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffc7d7 !important;
}
.vesu-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffc7d7 !important;
}
.vesu-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffc7d7 !important;
}
.vesu-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ffc7d7 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.vesu-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ffc7d7 !important;
}
.vesu-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #ffc7d7 !important;
}
.vesu-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #ec6d9c !important;
}
.vesu-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #ec6d9c !important;
}
.vesu-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #ec6d9c !important;
}
.vesu-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #000000 !important;
}
.vesu-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.vesu-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #000000 !important;
}
.vesu-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.vesu-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.vesu-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #ec6d9c !important;
}
.vesu-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #ec6d9c !important;
}
.vesu-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #ec6d9c !important;
}
.vesu-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #ec6d9c !important;
}
.vesu-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ec6d9c !important;
}
.vesu-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ec6d9c !important;
}
.vesu-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.vesu-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #000000;
  background-color: #ec6d9c !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.vesu-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.vesu-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.vesu-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.vesu-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.vesu-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.vesu-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #ffc7d7 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.vesu-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #ec6d9c !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #ec6d9c !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.vesu-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #ec6d9c !important;
}
.vesu-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.vesu-theme .button-text-hidden {
  display: none;
}
.brisa-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #000000;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #000000 87%, transparent);
  --mat-form-field-filled-caret-color: #000000;
  --mat-form-field-filled-focus-active-indicator-color: #000000;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #000000 87%, transparent);
  --mat-form-field-outlined-caret-color: #000000;
  --mat-form-field-outlined-focus-outline-color: #000000;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #000000 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #000000;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #000000;
  --mat-slide-toggle-selected-handle-color: #000000;
  --mat-slide-toggle-selected-hover-state-layer-color: #000000;
  --mat-slide-toggle-selected-pressed-state-layer-color: #000000;
  --mat-slide-toggle-selected-focus-handle-color: #000000;
  --mat-slide-toggle-selected-hover-handle-color: #000000;
  --mat-slide-toggle-selected-pressed-handle-color: #000000;
  --mat-slide-toggle-selected-focus-track-color: #4d4d4d;
  --mat-slide-toggle-selected-hover-track-color: #4d4d4d;
  --mat-slide-toggle-selected-pressed-track-color: #4d4d4d;
  --mat-slide-toggle-selected-track-color: #4d4d4d;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #000000;
  --mat-slider-focus-handle-color: #000000;
  --mat-slider-handle-color: #000000;
  --mat-slider-hover-handle-color: #000000;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #000000 4%, transparent);
  --mat-slider-inactive-track-color: #000000;
  --mat-slider-ripple-color: #000000;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #000000;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #4d4d4d;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #000000;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #000000;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #000000 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #000000;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #000000 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #000000 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #000000;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #000000;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #000000;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #000000;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #000000;
  --mat-slide-toggle-selected-handle-color: #000000;
  --mat-slide-toggle-selected-hover-state-layer-color: #000000;
  --mat-slide-toggle-selected-pressed-state-layer-color: #000000;
  --mat-slide-toggle-selected-focus-handle-color: #000000;
  --mat-slide-toggle-selected-hover-handle-color: #000000;
  --mat-slide-toggle-selected-pressed-handle-color: #000000;
  --mat-slide-toggle-selected-focus-track-color: #4d4d4d;
  --mat-slide-toggle-selected-hover-track-color: #4d4d4d;
  --mat-slide-toggle-selected-pressed-track-color: #4d4d4d;
  --mat-slide-toggle-selected-track-color: #4d4d4d;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.brisa-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.brisa-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.brisa-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #000000;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #000000;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.brisa-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.brisa-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.brisa-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #000000;
  --mat-progress-bar-track-color: rgba(0, 0, 0, 0.25);
}
.brisa-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.brisa-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.brisa-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.brisa-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.brisa-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.brisa-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.brisa-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.brisa-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.brisa-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.brisa-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #000000;
  --mat-chip-elevated-disabled-container-color: #000000;
  --mat-chip-elevated-selected-container-color: #000000;
  --mat-chip-flat-disabled-selected-container-color: #000000;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.brisa-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.brisa-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.brisa-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.brisa-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.brisa-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.brisa-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.brisa-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.brisa-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.brisa-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.brisa-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #000000;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #000000;
  --mat-radio-selected-hover-icon-color: #000000;
  --mat-radio-selected-icon-color: #000000;
  --mat-radio-selected-pressed-icon-color: #000000;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.brisa-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.brisa-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.brisa-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.brisa-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.brisa-theme .mdc-list-item__start,
.brisa-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #000000;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #000000;
  --mat-radio-selected-hover-icon-color: #000000;
  --mat-radio-selected-icon-color: #000000;
  --mat-radio-selected-pressed-icon-color: #000000;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.brisa-theme .mat-accent .mdc-list-item__start,
.brisa-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.brisa-theme .mat-warn .mdc-list-item__start,
.brisa-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.brisa-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #000000;
  --mat-checkbox-selected-hover-icon-color: #000000;
  --mat-checkbox-selected-icon-color: #000000;
  --mat-checkbox-selected-pressed-icon-color: #000000;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #000000;
  --mat-checkbox-selected-hover-state-layer-color: #000000;
  --mat-checkbox-selected-pressed-state-layer-color: #000000;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.brisa-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.brisa-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.brisa-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.brisa-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.brisa-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.brisa-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #000000;
}
.brisa-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.brisa-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.brisa-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.brisa-theme .mdc-list-item__start,
.brisa-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.brisa-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.brisa-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.brisa-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.brisa-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.brisa-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.brisa-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.brisa-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.brisa-theme .mat-mdc-tab-group,
.brisa-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #000000;
  --mat-tab-active-ripple-color: #000000;
  --mat-tab-inactive-ripple-color: #000000;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #000000;
  --mat-tab-active-hover-label-text-color: #000000;
  --mat-tab-active-focus-indicator-color: #000000;
  --mat-tab-active-hover-indicator-color: #000000;
  --mat-tab-active-indicator-color: #000000;
}
.brisa-theme .mat-mdc-tab-group.mat-accent,
.brisa-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.brisa-theme .mat-mdc-tab-group.mat-warn,
.brisa-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.brisa-theme .mat-mdc-tab-group.mat-background-primary,
.brisa-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #000000;
  --mat-tab-foreground-color: #ffffff;
}
.brisa-theme .mat-mdc-tab-group.mat-background-accent,
.brisa-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.brisa-theme .mat-mdc-tab-group.mat-background-warn,
.brisa-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.brisa-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.brisa-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.brisa-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #000000;
  --mat-checkbox-selected-hover-icon-color: #000000;
  --mat-checkbox-selected-icon-color: #000000;
  --mat-checkbox-selected-pressed-icon-color: #000000;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #000000;
  --mat-checkbox-selected-hover-state-layer-color: #000000;
  --mat-checkbox-selected-pressed-state-layer-color: #000000;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.brisa-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.brisa-theme .mat-mdc-button.mat-primary,
.brisa-theme .mat-mdc-unelevated-button.mat-primary,
.brisa-theme .mat-mdc-raised-button.mat-primary,
.brisa-theme .mat-mdc-outlined-button.mat-primary,
.brisa-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #000000;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #000000;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-outlined-state-layer-color: #000000;
  --mat-button-protected-container-color: #000000;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #000000;
  --mat-button-text-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-text-state-layer-color: #000000;
  --mat-button-tonal-container-color: #000000;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.brisa-theme .mat-mdc-button.mat-accent,
.brisa-theme .mat-mdc-unelevated-button.mat-accent,
.brisa-theme .mat-mdc-raised-button.mat-accent,
.brisa-theme .mat-mdc-outlined-button.mat-accent,
.brisa-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.brisa-theme .mat-mdc-button.mat-warn,
.brisa-theme .mat-mdc-unelevated-button.mat-warn,
.brisa-theme .mat-mdc-raised-button.mat-warn,
.brisa-theme .mat-mdc-outlined-button.mat-warn,
.brisa-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.brisa-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #000000;
  --mat-icon-button-state-layer-color: #000000;
  --mat-icon-button-ripple-color: color-mix(in srgb, #000000 12%, transparent);
}
.brisa-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.brisa-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.brisa-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.brisa-theme .mat-mdc-fab.mat-primary,
.brisa-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #000000;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-container-color: #000000;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.brisa-theme .mat-mdc-fab.mat-accent,
.brisa-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.brisa-theme .mat-mdc-fab.mat-warn,
.brisa-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.brisa-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.brisa-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.brisa-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.brisa-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.brisa-theme .mat-datepicker-content.mat-accent,
.brisa-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.brisa-theme .mat-datepicker-content.mat-warn,
.brisa-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.brisa-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.brisa-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.brisa-theme .mat-icon.mat-primary {
  --mat-icon-color: #000000;
}
.brisa-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.brisa-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.brisa-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.brisa-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.brisa-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #000000;
  --mat-toolbar-container-text-color: #ffffff;
}
.brisa-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.brisa-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.brisa-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.brisa-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.brisa-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.brisa-theme .back-container {
  color: #000000;
}
.brisa-theme .back-container:hover {
  opacity: 0.54;
}
.brisa-theme .warn-text {
  color: #e74737;
}
.brisa-theme .inside-modal-title.primary-colored-title,
.brisa-theme .form-title.primary-colored-title {
  color: #000000;
}
.brisa-theme .full-height-container form .button-container {
  background: white;
}
.brisa-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.brisa-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.brisa-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.brisa-theme .box-checkbox.active-box-checkbox {
  background-color: #000000;
  color: white;
}
.brisa-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.brisa-theme .box-radio.active-box-radio {
  background-color: #000000;
  color: white;
}
.brisa-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.brisa-theme .error {
  color: #e74737;
}
.brisa-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.brisa-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.brisa-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.brisa-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.brisa-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.brisa-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.brisa-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.brisa-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.brisa-theme .ql-snow .ql-picker-options {
  background: white;
}
.brisa-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.brisa-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.brisa-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.brisa-theme .ql-snow .ql-fill,
.brisa-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.brisa-theme .ql-snow.ql-toolbar button:hover,
.brisa-theme .ql-snow .ql-toolbar button:hover,
.brisa-theme .ql-snow.ql-toolbar button:focus,
.brisa-theme .ql-snow .ql-toolbar button:focus,
.brisa-theme .ql-snow.ql-toolbar button.ql-active,
.brisa-theme .ql-snow .ql-toolbar button.ql-active,
.brisa-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.brisa-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.brisa-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.brisa-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.brisa-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.brisa-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.brisa-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.brisa-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.brisa-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.brisa-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.brisa-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.brisa-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.brisa-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.brisa-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.brisa-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.brisa-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.brisa-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.brisa-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.brisa-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.brisa-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.brisa-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.brisa-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.brisa-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.brisa-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.brisa-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.brisa-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.brisa-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.brisa-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.brisa-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.brisa-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.brisa-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.brisa-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.brisa-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.brisa-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.brisa-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.brisa-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.brisa-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.brisa-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.brisa-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.brisa-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.brisa-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.brisa-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.brisa-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.brisa-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.brisa-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.brisa-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.brisa-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.brisa-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.brisa-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.brisa-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.brisa-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.brisa-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.brisa-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.brisa-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.brisa-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.brisa-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.brisa-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.brisa-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.brisa-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.brisa-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.brisa-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.brisa-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.brisa-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.brisa-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.brisa-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.brisa-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.brisa-theme bee-form-item {
  margin-right: 0 !important;
}
.brisa-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.brisa-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #000000;
  height: 38px !important;
}
.brisa-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.brisa-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.brisa-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.brisa-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.brisa-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.brisa-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.brisa-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.brisa-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.brisa-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .brisa-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.brisa-theme .general-container .label-wrapper label {
  color: #000000 !important;
  background-color: white;
}
.brisa-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.brisa-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.brisa-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.brisa-theme .general-container .bee-selector .bee-selector-container {
  border-color: #000000 !important;
}
.brisa-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.brisa-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.brisa-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.brisa-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.brisa-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.brisa-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.brisa-theme .general-container .bee-selector .bee-selector-container:focus,
.brisa-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #000000;
}
.brisa-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.brisa-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #000000;
}
.brisa-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.brisa-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #000000;
}
.brisa-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.brisa-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.brisa-theme .general-container .bee-dropdown {
  background: white;
}
.brisa-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #000000;
}
.brisa-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.brisa-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.brisa-theme .general-container .selector-error {
  color: #e74737;
}
.brisa-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.brisa-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.brisa-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.brisa-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.brisa-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #000000;
}
.brisa-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.brisa-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.brisa-theme .move-image-action-container:hover {
  color: #000000;
}
.brisa-theme .info-icon {
  color: #000000;
}
.brisa-theme .email-chip {
  color: #000000 !important;
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.brisa-theme .email-chip .mat-chip-remove {
  color: #000000 !important;
  opacity: 1 !important;
}
.brisa-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.brisa-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.brisa-theme .mat-badge-content {
  color: #000000 !important;
}
.brisa-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #000000 !important;
}
.brisa-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #000000 !important;
}
.brisa-theme #circle-lleno {
  background: #74BB8F;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.brisa-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.brisa-theme .marine-color {
  color: #0f223e !important;
}
.brisa-theme .primary-color {
  color: #000000 !important;
}
.brisa-theme .gray-color {
  color: #C0C4CA !important;
}
.brisa-theme .primary-color-200 {
  color: #808080 !important;
}
.brisa-theme svg.primary-fill-svg {
  fill: #000000 !important;
}
.brisa-theme .primary-fill {
  fill: #000000 !important;
}
.brisa-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.brisa-theme .primary-border-50 {
  border-color: #e0e0e0 !important;
}
.brisa-theme .primary-border-100 {
  border-color: #b3b3b3 !important;
}
.brisa-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.brisa-theme .transparent-border-100 {
  border-color: transparent !important;
}
.brisa-theme .primary-border-200 {
  border-color: #808080 !important;
}
.brisa-theme .primary-indicator .mat-expansion-indicator:after {
  color: #000000;
}
.brisa-theme .contrast-background {
  background-color: #ffffff !important;
}
.brisa-theme .primary-color-small {
  color: rgba(0, 0, 0, 0.6);
}
.brisa-theme .marine-background {
  background-color: #0f223e !important;
}
.brisa-theme .primary-background {
  background-color: #000000 !important;
}
.brisa-theme .primary-background-50 {
  background-color: #e0e0e0 !important;
}
.brisa-theme .primary-background-200 {
  background-color: #808080 !important;
}
.brisa-theme .primary-background-800 {
  background-color: #000000 !important;
}
.brisa-theme .white-color {
  color: white !important;
}
.brisa-theme .secondary-color {
  color: #74BB8F !important;
}
.brisa-theme .secondary-background {
  background-color: #74BB8F !important;
}
.brisa-theme .secondary-background-semi {
  background-color: #000000 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #000000 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.brisa-theme .secondary-background-full {
  background-color: #000000 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #000000 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.brisa-theme .secondary-background-empty {
  background-color: #000000 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #000000 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.brisa-theme .secondary-border {
  background-color: #74BB8F !important;
}
.brisa-theme .tertiary-color {
  color: #74BB8F !important;
}
.brisa-theme button.button-tertiary {
  background-color: #74BB8F !important;
  color: #000000 !important;
  border: 1px solid #000000 !important;
}
.brisa-theme span.red-text {
  color: #DB1F35 !important;
}
.brisa-theme .tertiary-background {
  background-color: #74BB8F !important;
}
.brisa-theme .tertiary-border {
  border-color: #74BB8F !important;
}
.brisa-theme .dark-background {
  background-color: black !important;
}
.brisa-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.brisa-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.brisa-theme .primary-soft-background {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.brisa-theme .primary-soft-background:hover {
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.brisa-theme .primary-border {
  border-color: #000000 !important;
}
.brisa-theme .default-background {
  background-color: #fafafa !important;
}
.brisa-theme .hover-primary:hover {
  color: #000000 !important;
}
.brisa-theme .hover-primary-background:hover {
  background-color: #000000 !important;
}
.brisa-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.brisa-theme .warn-color {
  color: #e74737 !important;
}
.brisa-theme .warn-border {
  border-color: #e74737 !important;
}
.brisa-theme .accent-color {
  color: #fedd93 !important;
}
.brisa-theme .accent-background {
  background-color: #fedd93 !important;
}
.brisa-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.brisa-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.brisa-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.brisa-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.brisa-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.brisa-theme .dialog-table tr .action-icon {
  color: transparent;
}
.brisa-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.brisa-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.brisa-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #000000;
}
.brisa-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.brisa-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.brisa-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.brisa-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.brisa-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.brisa-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.brisa-theme .card-table tr .action-icon {
  color: transparent;
}
.brisa-theme .card-table tr .action-icon button {
  color: transparent;
}
.brisa-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.brisa-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.brisa-theme .card-table tr:hover .action-icon button {
  color: #000000;
}
.brisa-theme .card-table tr:hover .action-icon:hover {
  color: #000000;
}
.brisa-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.brisa-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.brisa-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.brisa-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.brisa-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #000000;
}
.brisa-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.brisa-theme .no-hover-table tr:hover {
  background: white;
}
.brisa-theme .custom-standard-chip {
  background-color: rgba(0, 0, 0, 0.1) !important;
  color: #000000 !important;
}
.brisa-theme .help-dashboard-card .mat-icon {
  color: #000000;
}
.brisa-theme .help-dashboard-card:hover {
  background-color: #000000;
}
.brisa-theme .help-dashboard-card:hover .mat-icon,
.brisa-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.brisa-theme .room-open {
  background-color: #000000 !important;
  color: white !important;
}
.brisa-theme .room-open:hover {
  background-color: #000000 !important;
  color: white !important;
}
.brisa-theme #public-office-page-groups .public-group-button-hover {
  background-color: #000000 !important;
  color: white !important;
}
.brisa-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.brisa-theme .notification-container .show-tip {
  color: transparent;
}
.brisa-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.brisa-theme .notification-container:hover .show-tip {
  color: #000000;
}
.brisa-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.brisa-theme .notification-container .notification-subject .mat-icon {
  color: #000000;
}
.brisa-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.brisa-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.brisa-theme .message-container .show-tip {
  color: transparent;
}
.brisa-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.brisa-theme .message-container:hover .show-tip {
  color: #000000;
}
.brisa-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.brisa-theme .message-container .message-subject .mat-icon {
  color: #000000;
}
.brisa-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.brisa-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.brisa-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.brisa-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.brisa-theme .primary-200-outline input {
  caret-color: #808080;
  color: #000000;
}
.brisa-theme .primary-200-outline label {
  color: #808080;
}
.brisa-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #808080 !important;
}
.brisa-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #808080;
}
.brisa-theme mat-form-field .primary-outline label {
  color: #000000 !important;
}
.brisa-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #000000 !important;
}
.brisa-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #000000 !important;
}
.brisa-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.brisa-theme .input-primary input {
  caret-color: #000000;
  color: #000000;
}
.brisa-theme .input-primary label {
  color: #000000;
}
.brisa-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #000000 !important;
}
.brisa-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.brisa-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #000000;
  border-width: 1px;
}
.brisa-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.brisa-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.brisa-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.brisa-theme .boton-recarga {
  background-color: #000000;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.brisa-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.brisa-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.brisa-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.brisa-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.brisa-theme .header-container button {
  padding: 0 !important;
}
.brisa-theme .header-container .mat-button {
  min-width: unset !important;
}
.brisa-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.brisa-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.brisa-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.brisa-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.brisa-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.brisa-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.brisa-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.brisa-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.brisa-theme .input-recarga-marine {
  border: 1px solid #000000 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.brisa-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.brisa-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.brisa-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.brisa-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.brisa-theme .color-primary {
  color: #000000 !important;
  fill: #000000 !important;
}
.brisa-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.brisa-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.brisa-theme .primary-contrast {
  color: #ffffff !important;
}
.brisa-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.brisa-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.brisa-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.brisa-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.brisa-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.brisa-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.brisa-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.brisa-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.brisa-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.brisa-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.brisa-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.brisa-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.brisa-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.brisa-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.brisa-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.brisa-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.brisa-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.brisa-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.brisa-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.brisa-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #74BB8F !important;
}
.brisa-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.brisa-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.brisa-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #000000 !important;
}
.brisa-theme .mat-checkbox-checked .mat-checkbox-background,
.brisa-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #000000 !important;
}
.brisa-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.brisa-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.brisa-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.brisa-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.brisa-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.brisa-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #808080 !important;
}
.brisa-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.brisa-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.brisa-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.brisa-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.brisa-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.brisa-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.brisa-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.brisa-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.brisa-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.brisa-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.brisa-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.brisa-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.brisa-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.brisa-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.brisa-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.brisa-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.brisa-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.brisa-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.brisa-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.brisa-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.brisa-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.brisa-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.brisa-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.brisa-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.brisa-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.brisa-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.brisa-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.brisa-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.brisa-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.brisa-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.brisa-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #000000 !important;
}
.brisa-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.brisa-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #74BB8F !important;
}
.brisa-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #74BB8F !important;
}
.brisa-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.brisa-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.brisa-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.brisa-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.brisa-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.brisa-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.brisa-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.brisa-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.brisa-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.brisa-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #74BB8F !important;
}
.brisa-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #74BB8F !important;
}
.brisa-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.brisa-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.brisa-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #74BB8F !important;
}
.brisa-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #74BB8F !important;
}
.brisa-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #74BB8F !important;
}
.brisa-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #74BB8F !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.brisa-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #74BB8F !important;
}
.brisa-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #74BB8F !important;
}
.brisa-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #000000 !important;
}
.brisa-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #000000 !important;
}
.brisa-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #000000 !important;
}
.brisa-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.brisa-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.brisa-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.brisa-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.brisa-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.brisa-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #000000 !important;
}
.brisa-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #000000 !important;
}
.brisa-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #000000 !important;
}
.brisa-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #000000 !important;
}
.brisa-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #000000 !important;
}
.brisa-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #000000 !important;
}
.brisa-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.brisa-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #000000 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.brisa-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.brisa-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.brisa-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.brisa-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.brisa-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.brisa-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #74BB8F !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.brisa-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #000000 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #000000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.brisa-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #000000 !important;
}
.brisa-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.brisa-theme .button-text-hidden {
  display: none;
}
.atlanticfest-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #98cbcb;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #98cbcb 87%, transparent);
  --mat-form-field-filled-caret-color: #98cbcb;
  --mat-form-field-filled-focus-active-indicator-color: #98cbcb;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #98cbcb 87%, transparent);
  --mat-form-field-outlined-caret-color: #98cbcb;
  --mat-form-field-outlined-focus-outline-color: #98cbcb;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #98cbcb 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #98cbcb;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #98cbcb;
  --mat-slide-toggle-selected-handle-color: #98cbcb;
  --mat-slide-toggle-selected-hover-state-layer-color: #98cbcb;
  --mat-slide-toggle-selected-pressed-state-layer-color: #98cbcb;
  --mat-slide-toggle-selected-focus-handle-color: #98cbcb;
  --mat-slide-toggle-selected-hover-handle-color: #98cbcb;
  --mat-slide-toggle-selected-pressed-handle-color: #98cbcb;
  --mat-slide-toggle-selected-focus-track-color: #b7dbdb;
  --mat-slide-toggle-selected-hover-track-color: #b7dbdb;
  --mat-slide-toggle-selected-pressed-track-color: #b7dbdb;
  --mat-slide-toggle-selected-track-color: #b7dbdb;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #98cbcb;
  --mat-slider-focus-handle-color: #98cbcb;
  --mat-slider-handle-color: #98cbcb;
  --mat-slider-hover-handle-color: #98cbcb;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #98cbcb 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #98cbcb 4%, transparent);
  --mat-slider-inactive-track-color: #98cbcb;
  --mat-slider-ripple-color: #98cbcb;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #98cbcb;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #b7dbdb;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #98cbcb;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #98cbcb;
  --mat-badge-text-color: #000000;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #98cbcb 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #98cbcb;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #98cbcb 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #98cbcb 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #98cbcb 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #98cbcb;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #98cbcb;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #98cbcb;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #98cbcb;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #98cbcb;
  --mat-slide-toggle-selected-handle-color: #98cbcb;
  --mat-slide-toggle-selected-hover-state-layer-color: #98cbcb;
  --mat-slide-toggle-selected-pressed-state-layer-color: #98cbcb;
  --mat-slide-toggle-selected-focus-handle-color: #98cbcb;
  --mat-slide-toggle-selected-hover-handle-color: #98cbcb;
  --mat-slide-toggle-selected-pressed-handle-color: #98cbcb;
  --mat-slide-toggle-selected-focus-track-color: #b7dbdb;
  --mat-slide-toggle-selected-hover-track-color: #b7dbdb;
  --mat-slide-toggle-selected-pressed-track-color: #b7dbdb;
  --mat-slide-toggle-selected-track-color: #b7dbdb;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.atlanticfest-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.atlanticfest-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.atlanticfest-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #98cbcb;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #98cbcb;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.atlanticfest-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.atlanticfest-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.atlanticfest-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #98cbcb;
  --mat-progress-bar-track-color: rgba(152, 203, 203, 0.25);
}
.atlanticfest-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.atlanticfest-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.atlanticfest-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.atlanticfest-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.atlanticfest-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.atlanticfest-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.atlanticfest-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.atlanticfest-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.atlanticfest-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.atlanticfest-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #98cbcb;
  --mat-chip-elevated-disabled-container-color: #98cbcb;
  --mat-chip-elevated-selected-container-color: #98cbcb;
  --mat-chip-flat-disabled-selected-container-color: #98cbcb;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.atlanticfest-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.atlanticfest-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.atlanticfest-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.atlanticfest-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.atlanticfest-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.atlanticfest-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.atlanticfest-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.atlanticfest-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.atlanticfest-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.atlanticfest-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #98cbcb;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #98cbcb;
  --mat-radio-selected-hover-icon-color: #98cbcb;
  --mat-radio-selected-icon-color: #98cbcb;
  --mat-radio-selected-pressed-icon-color: #98cbcb;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.atlanticfest-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.atlanticfest-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.atlanticfest-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.atlanticfest-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.atlanticfest-theme .mdc-list-item__start,
.atlanticfest-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #98cbcb;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #98cbcb;
  --mat-radio-selected-hover-icon-color: #98cbcb;
  --mat-radio-selected-icon-color: #98cbcb;
  --mat-radio-selected-pressed-icon-color: #98cbcb;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.atlanticfest-theme .mat-accent .mdc-list-item__start,
.atlanticfest-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.atlanticfest-theme .mat-warn .mdc-list-item__start,
.atlanticfest-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.atlanticfest-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #98cbcb;
  --mat-checkbox-selected-hover-icon-color: #98cbcb;
  --mat-checkbox-selected-icon-color: #98cbcb;
  --mat-checkbox-selected-pressed-icon-color: #98cbcb;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #98cbcb;
  --mat-checkbox-selected-hover-state-layer-color: #98cbcb;
  --mat-checkbox-selected-pressed-state-layer-color: #98cbcb;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.atlanticfest-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.atlanticfest-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.atlanticfest-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.atlanticfest-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.atlanticfest-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.atlanticfest-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #98cbcb;
}
.atlanticfest-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.atlanticfest-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.atlanticfest-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.atlanticfest-theme .mdc-list-item__start,
.atlanticfest-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.atlanticfest-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.atlanticfest-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.atlanticfest-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.atlanticfest-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.atlanticfest-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.atlanticfest-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.atlanticfest-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.atlanticfest-theme .mat-mdc-tab-group,
.atlanticfest-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #98cbcb;
  --mat-tab-active-ripple-color: #98cbcb;
  --mat-tab-inactive-ripple-color: #98cbcb;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #98cbcb;
  --mat-tab-active-hover-label-text-color: #98cbcb;
  --mat-tab-active-focus-indicator-color: #98cbcb;
  --mat-tab-active-hover-indicator-color: #98cbcb;
  --mat-tab-active-indicator-color: #98cbcb;
}
.atlanticfest-theme .mat-mdc-tab-group.mat-accent,
.atlanticfest-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.atlanticfest-theme .mat-mdc-tab-group.mat-warn,
.atlanticfest-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.atlanticfest-theme .mat-mdc-tab-group.mat-background-primary,
.atlanticfest-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #98cbcb;
  --mat-tab-foreground-color: #000000;
}
.atlanticfest-theme .mat-mdc-tab-group.mat-background-accent,
.atlanticfest-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.atlanticfest-theme .mat-mdc-tab-group.mat-background-warn,
.atlanticfest-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.atlanticfest-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.atlanticfest-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.atlanticfest-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #98cbcb;
  --mat-checkbox-selected-hover-icon-color: #98cbcb;
  --mat-checkbox-selected-icon-color: #98cbcb;
  --mat-checkbox-selected-pressed-icon-color: #98cbcb;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #98cbcb;
  --mat-checkbox-selected-hover-state-layer-color: #98cbcb;
  --mat-checkbox-selected-pressed-state-layer-color: #98cbcb;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.atlanticfest-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.atlanticfest-theme .mat-mdc-button.mat-primary,
.atlanticfest-theme .mat-mdc-unelevated-button.mat-primary,
.atlanticfest-theme .mat-mdc-raised-button.mat-primary,
.atlanticfest-theme .mat-mdc-outlined-button.mat-primary,
.atlanticfest-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #98cbcb;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #98cbcb;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #98cbcb 12%, transparent);
  --mat-button-outlined-state-layer-color: #98cbcb;
  --mat-button-protected-container-color: #98cbcb;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #98cbcb;
  --mat-button-text-ripple-color: color-mix(in srgb, #98cbcb 12%, transparent);
  --mat-button-text-state-layer-color: #98cbcb;
  --mat-button-tonal-container-color: #98cbcb;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.atlanticfest-theme .mat-mdc-button.mat-accent,
.atlanticfest-theme .mat-mdc-unelevated-button.mat-accent,
.atlanticfest-theme .mat-mdc-raised-button.mat-accent,
.atlanticfest-theme .mat-mdc-outlined-button.mat-accent,
.atlanticfest-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.atlanticfest-theme .mat-mdc-button.mat-warn,
.atlanticfest-theme .mat-mdc-unelevated-button.mat-warn,
.atlanticfest-theme .mat-mdc-raised-button.mat-warn,
.atlanticfest-theme .mat-mdc-outlined-button.mat-warn,
.atlanticfest-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.atlanticfest-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #98cbcb;
  --mat-icon-button-state-layer-color: #98cbcb;
  --mat-icon-button-ripple-color: color-mix(in srgb, #98cbcb 12%, transparent);
}
.atlanticfest-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.atlanticfest-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.atlanticfest-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.atlanticfest-theme .mat-mdc-fab.mat-primary,
.atlanticfest-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #98cbcb;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #98cbcb 12%, transparent);
  --mat-fab-small-container-color: #98cbcb;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.atlanticfest-theme .mat-mdc-fab.mat-accent,
.atlanticfest-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.atlanticfest-theme .mat-mdc-fab.mat-warn,
.atlanticfest-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.atlanticfest-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.atlanticfest-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.atlanticfest-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.atlanticfest-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.atlanticfest-theme .mat-datepicker-content.mat-accent,
.atlanticfest-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.atlanticfest-theme .mat-datepicker-content.mat-warn,
.atlanticfest-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.atlanticfest-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.atlanticfest-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.atlanticfest-theme .mat-icon.mat-primary {
  --mat-icon-color: #98cbcb;
}
.atlanticfest-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.atlanticfest-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.atlanticfest-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.atlanticfest-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.atlanticfest-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #98cbcb;
  --mat-toolbar-container-text-color: #000000;
}
.atlanticfest-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.atlanticfest-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.atlanticfest-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.atlanticfest-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.atlanticfest-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.atlanticfest-theme .back-container {
  color: #98cbcb;
}
.atlanticfest-theme .back-container:hover {
  opacity: 0.54;
}
.atlanticfest-theme .warn-text {
  color: #e74737;
}
.atlanticfest-theme .inside-modal-title.primary-colored-title,
.atlanticfest-theme .form-title.primary-colored-title {
  color: #98cbcb;
}
.atlanticfest-theme .full-height-container form .button-container {
  background: white;
}
.atlanticfest-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.atlanticfest-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.atlanticfest-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.atlanticfest-theme .box-checkbox.active-box-checkbox {
  background-color: #98cbcb;
  color: white;
}
.atlanticfest-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.atlanticfest-theme .box-radio.active-box-radio {
  background-color: #98cbcb;
  color: white;
}
.atlanticfest-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.atlanticfest-theme .error {
  color: #e74737;
}
.atlanticfest-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.atlanticfest-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.atlanticfest-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.atlanticfest-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.atlanticfest-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.atlanticfest-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.atlanticfest-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.atlanticfest-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.atlanticfest-theme .ql-snow .ql-picker-options {
  background: white;
}
.atlanticfest-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.atlanticfest-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.atlanticfest-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.atlanticfest-theme .ql-snow .ql-fill,
.atlanticfest-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.atlanticfest-theme .ql-snow.ql-toolbar button:hover,
.atlanticfest-theme .ql-snow .ql-toolbar button:hover,
.atlanticfest-theme .ql-snow.ql-toolbar button:focus,
.atlanticfest-theme .ql-snow .ql-toolbar button:focus,
.atlanticfest-theme .ql-snow.ql-toolbar button.ql-active,
.atlanticfest-theme .ql-snow .ql-toolbar button.ql-active,
.atlanticfest-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.atlanticfest-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.atlanticfest-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.atlanticfest-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.atlanticfest-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.atlanticfest-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.atlanticfest-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.atlanticfest-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.atlanticfest-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.atlanticfest-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.atlanticfest-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.atlanticfest-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.atlanticfest-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.atlanticfest-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.atlanticfest-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.atlanticfest-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.atlanticfest-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.atlanticfest-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.atlanticfest-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.atlanticfest-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.atlanticfest-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.atlanticfest-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.atlanticfest-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.atlanticfest-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.atlanticfest-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.atlanticfest-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.atlanticfest-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.atlanticfest-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.atlanticfest-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.atlanticfest-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.atlanticfest-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.atlanticfest-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.atlanticfest-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.atlanticfest-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.atlanticfest-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.atlanticfest-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.atlanticfest-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.atlanticfest-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.atlanticfest-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.atlanticfest-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.atlanticfest-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.atlanticfest-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.atlanticfest-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.atlanticfest-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.atlanticfest-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.atlanticfest-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.atlanticfest-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.atlanticfest-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.atlanticfest-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.atlanticfest-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.atlanticfest-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.atlanticfest-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.atlanticfest-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.atlanticfest-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.atlanticfest-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.atlanticfest-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.atlanticfest-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.atlanticfest-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.atlanticfest-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.atlanticfest-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.atlanticfest-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.atlanticfest-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.atlanticfest-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.atlanticfest-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.atlanticfest-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.atlanticfest-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.atlanticfest-theme bee-form-item {
  margin-right: 0 !important;
}
.atlanticfest-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.atlanticfest-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #98cbcb;
  height: 38px !important;
}
.atlanticfest-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.atlanticfest-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.atlanticfest-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.atlanticfest-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.atlanticfest-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.atlanticfest-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.atlanticfest-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.atlanticfest-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.atlanticfest-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .atlanticfest-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.atlanticfest-theme .general-container .label-wrapper label {
  color: #98cbcb !important;
  background-color: white;
}
.atlanticfest-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.atlanticfest-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.atlanticfest-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.atlanticfest-theme .general-container .bee-selector .bee-selector-container {
  border-color: #98cbcb !important;
}
.atlanticfest-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.atlanticfest-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.atlanticfest-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.atlanticfest-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.atlanticfest-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.atlanticfest-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.atlanticfest-theme .general-container .bee-selector .bee-selector-container:focus,
.atlanticfest-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #98cbcb;
}
.atlanticfest-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.atlanticfest-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #98cbcb;
}
.atlanticfest-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.atlanticfest-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #98cbcb;
}
.atlanticfest-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.atlanticfest-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.atlanticfest-theme .general-container .bee-dropdown {
  background: white;
}
.atlanticfest-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #98cbcb;
}
.atlanticfest-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.atlanticfest-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.atlanticfest-theme .general-container .selector-error {
  color: #e74737;
}
.atlanticfest-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.atlanticfest-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.atlanticfest-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.atlanticfest-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.atlanticfest-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #98cbcb;
}
.atlanticfest-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.atlanticfest-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.atlanticfest-theme .move-image-action-container:hover {
  color: #98cbcb;
}
.atlanticfest-theme .info-icon {
  color: #98cbcb;
}
.atlanticfest-theme .email-chip {
  color: #98cbcb !important;
  background-color: rgba(152, 203, 203, 0.15) !important;
}
.atlanticfest-theme .email-chip .mat-chip-remove {
  color: #98cbcb !important;
  opacity: 1 !important;
}
.atlanticfest-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.atlanticfest-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.atlanticfest-theme .mat-badge-content {
  color: #98cbcb !important;
}
.atlanticfest-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #98cbcb !important;
}
.atlanticfest-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #98cbcb !important;
}
.atlanticfest-theme #circle-lleno {
  background: #6aacac;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.atlanticfest-theme .primary-contrast-text-color {
  color: #000000 !important;
}
.atlanticfest-theme .marine-color {
  color: #0f223e !important;
}
.atlanticfest-theme .primary-color {
  color: #98cbcb !important;
}
.atlanticfest-theme .gray-color {
  color: #C0C4CA !important;
}
.atlanticfest-theme .primary-color-200 {
  color: #cce5e5 !important;
}
.atlanticfest-theme svg.primary-fill-svg {
  fill: #98cbcb !important;
}
.atlanticfest-theme .primary-fill {
  fill: #98cbcb !important;
}
.atlanticfest-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.atlanticfest-theme .primary-border-50 {
  border-color: #f3f9f9 !important;
}
.atlanticfest-theme .primary-border-100 {
  border-color: #e0efef !important;
}
.atlanticfest-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.atlanticfest-theme .transparent-border-100 {
  border-color: transparent !important;
}
.atlanticfest-theme .primary-border-200 {
  border-color: #cce5e5 !important;
}
.atlanticfest-theme .primary-indicator .mat-expansion-indicator:after {
  color: #98cbcb;
}
.atlanticfest-theme .contrast-background {
  background-color: #000000 !important;
}
.atlanticfest-theme .primary-color-small {
  color: rgba(152, 203, 203, 0.6);
}
.atlanticfest-theme .marine-background {
  background-color: #0f223e !important;
}
.atlanticfest-theme .primary-background {
  background-color: #98cbcb !important;
}
.atlanticfest-theme .primary-background-50 {
  background-color: #f3f9f9 !important;
}
.atlanticfest-theme .primary-background-200 {
  background-color: #cce5e5 !important;
}
.atlanticfest-theme .primary-background-800 {
  background-color: #7bb8b8 !important;
}
.atlanticfest-theme .white-color {
  color: white !important;
}
.atlanticfest-theme .secondary-color {
  color: #6aacac !important;
}
.atlanticfest-theme .secondary-background {
  background-color: #6aacac !important;
}
.atlanticfest-theme .secondary-background-semi {
  background-color: #98cbcb !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #98cbcb !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.atlanticfest-theme .secondary-background-full {
  background-color: #98cbcb !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #98cbcb !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.atlanticfest-theme .secondary-background-empty {
  background-color: #98cbcb !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #98cbcb !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.atlanticfest-theme .secondary-border {
  background-color: #6aacac !important;
}
.atlanticfest-theme .tertiary-color {
  color: #6aacac !important;
}
.atlanticfest-theme button.button-tertiary {
  background-color: #6aacac !important;
  color: #98cbcb !important;
  border: 1px solid #98cbcb !important;
}
.atlanticfest-theme span.red-text {
  color: #DB1F35 !important;
}
.atlanticfest-theme .tertiary-background {
  background-color: #6aacac !important;
}
.atlanticfest-theme .tertiary-border {
  border-color: #6aacac !important;
}
.atlanticfest-theme .dark-background {
  background-color: black !important;
}
.atlanticfest-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.atlanticfest-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.atlanticfest-theme .primary-soft-background {
  background-color: rgba(152, 203, 203, 0.1) !important;
}
.atlanticfest-theme .primary-soft-background:hover {
  background-color: rgba(152, 203, 203, 0.15) !important;
}
.atlanticfest-theme .primary-border {
  border-color: #98cbcb !important;
}
.atlanticfest-theme .default-background {
  background-color: #fafafa !important;
}
.atlanticfest-theme .hover-primary:hover {
  color: #98cbcb !important;
}
.atlanticfest-theme .hover-primary-background:hover {
  background-color: #98cbcb !important;
}
.atlanticfest-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.atlanticfest-theme .warn-color {
  color: #e74737 !important;
}
.atlanticfest-theme .warn-border {
  border-color: #e74737 !important;
}
.atlanticfest-theme .accent-color {
  color: #fedd93 !important;
}
.atlanticfest-theme .accent-background {
  background-color: #fedd93 !important;
}
.atlanticfest-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.atlanticfest-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.atlanticfest-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.atlanticfest-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.atlanticfest-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.atlanticfest-theme .dialog-table tr .action-icon {
  color: transparent;
}
.atlanticfest-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.atlanticfest-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.atlanticfest-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #98cbcb;
}
.atlanticfest-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.atlanticfest-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.atlanticfest-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.atlanticfest-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.atlanticfest-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.atlanticfest-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.atlanticfest-theme .card-table tr .action-icon {
  color: transparent;
}
.atlanticfest-theme .card-table tr .action-icon button {
  color: transparent;
}
.atlanticfest-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.atlanticfest-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.atlanticfest-theme .card-table tr:hover .action-icon button {
  color: #98cbcb;
}
.atlanticfest-theme .card-table tr:hover .action-icon:hover {
  color: #98cbcb;
}
.atlanticfest-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.atlanticfest-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.atlanticfest-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.atlanticfest-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.atlanticfest-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #98cbcb;
}
.atlanticfest-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.atlanticfest-theme .no-hover-table tr:hover {
  background: white;
}
.atlanticfest-theme .custom-standard-chip {
  background-color: rgba(152, 203, 203, 0.1) !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .help-dashboard-card .mat-icon {
  color: #98cbcb;
}
.atlanticfest-theme .help-dashboard-card:hover {
  background-color: #98cbcb;
}
.atlanticfest-theme .help-dashboard-card:hover .mat-icon,
.atlanticfest-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.atlanticfest-theme .room-open {
  background-color: #98cbcb !important;
  color: white !important;
}
.atlanticfest-theme .room-open:hover {
  background-color: #98cbcb !important;
  color: white !important;
}
.atlanticfest-theme #public-office-page-groups .public-group-button-hover {
  background-color: #98cbcb !important;
  color: white !important;
}
.atlanticfest-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.atlanticfest-theme .notification-container .show-tip {
  color: transparent;
}
.atlanticfest-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.atlanticfest-theme .notification-container:hover .show-tip {
  color: #98cbcb;
}
.atlanticfest-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.atlanticfest-theme .notification-container .notification-subject .mat-icon {
  color: #98cbcb;
}
.atlanticfest-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.atlanticfest-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.atlanticfest-theme .message-container .show-tip {
  color: transparent;
}
.atlanticfest-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.atlanticfest-theme .message-container:hover .show-tip {
  color: #98cbcb;
}
.atlanticfest-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.atlanticfest-theme .message-container .message-subject .mat-icon {
  color: #98cbcb;
}
.atlanticfest-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.atlanticfest-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.atlanticfest-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.atlanticfest-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.atlanticfest-theme .primary-200-outline input {
  caret-color: #cce5e5;
  color: #98cbcb;
}
.atlanticfest-theme .primary-200-outline label {
  color: #cce5e5;
}
.atlanticfest-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #cce5e5 !important;
}
.atlanticfest-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #cce5e5;
}
.atlanticfest-theme mat-form-field .primary-outline label {
  color: #98cbcb !important;
}
.atlanticfest-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #98cbcb !important;
}
.atlanticfest-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #98cbcb !important;
}
.atlanticfest-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.atlanticfest-theme .input-primary input {
  caret-color: #98cbcb;
  color: #98cbcb;
}
.atlanticfest-theme .input-primary label {
  color: #98cbcb;
}
.atlanticfest-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #98cbcb !important;
}
.atlanticfest-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.atlanticfest-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #98cbcb;
  border-width: 1px;
}
.atlanticfest-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.atlanticfest-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.atlanticfest-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.atlanticfest-theme .boton-recarga {
  background-color: #98cbcb;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.atlanticfest-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.atlanticfest-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
}
.atlanticfest-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.atlanticfest-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.atlanticfest-theme .header-container button {
  padding: 0 !important;
}
.atlanticfest-theme .header-container .mat-button {
  min-width: unset !important;
}
.atlanticfest-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.atlanticfest-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.atlanticfest-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.atlanticfest-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.atlanticfest-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.atlanticfest-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.atlanticfest-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.atlanticfest-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.atlanticfest-theme .input-recarga-marine {
  border: 1px solid #98cbcb !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.atlanticfest-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.atlanticfest-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.atlanticfest-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.atlanticfest-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.atlanticfest-theme .color-primary {
  color: #98cbcb !important;
  fill: #98cbcb !important;
}
.atlanticfest-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.atlanticfest-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.atlanticfest-theme .primary-contrast {
  color: #000000 !important;
}
.atlanticfest-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.atlanticfest-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.atlanticfest-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.atlanticfest-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.atlanticfest-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.atlanticfest-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.atlanticfest-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.atlanticfest-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.atlanticfest-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #6aacac !important;
}
.atlanticfest-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.atlanticfest-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .mat-checkbox-checked .mat-checkbox-background,
.atlanticfest-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #98cbcb !important;
}
.atlanticfest-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.atlanticfest-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.atlanticfest-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #cce5e5 !important;
}
.atlanticfest-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.atlanticfest-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.atlanticfest-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.atlanticfest-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.atlanticfest-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.atlanticfest-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.atlanticfest-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.atlanticfest-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #98cbcb !important;
}
.atlanticfest-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.atlanticfest-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.atlanticfest-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.atlanticfest-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.atlanticfest-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.atlanticfest-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.atlanticfest-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.atlanticfest-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.atlanticfest-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.atlanticfest-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #6aacac !important;
}
.atlanticfest-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #6aacac !important;
}
.atlanticfest-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.atlanticfest-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.atlanticfest-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.atlanticfest-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.atlanticfest-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.atlanticfest-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #6aacac !important;
}
.atlanticfest-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #6aacac !important;
}
.atlanticfest-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.atlanticfest-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.atlanticfest-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #6aacac !important;
}
.atlanticfest-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #6aacac !important;
}
.atlanticfest-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #6aacac !important;
}
.atlanticfest-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #6aacac !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.atlanticfest-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #6aacac !important;
}
.atlanticfest-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #6aacac !important;
}
.atlanticfest-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #000000 !important;
}
.atlanticfest-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.atlanticfest-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #000000 !important;
}
.atlanticfest-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.atlanticfest-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.atlanticfest-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #98cbcb !important;
}
.atlanticfest-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.atlanticfest-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #000000;
  background-color: #98cbcb !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.atlanticfest-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.atlanticfest-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.atlanticfest-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.atlanticfest-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.atlanticfest-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.atlanticfest-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #6aacac !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.atlanticfest-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #98cbcb !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #98cbcb !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.atlanticfest-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #98cbcb !important;
}
.atlanticfest-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.atlanticfest-theme .button-text-hidden {
  display: none;
}
.ayalapolo-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #0e253a;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #0e253a 87%, transparent);
  --mat-form-field-filled-caret-color: #0e253a;
  --mat-form-field-filled-focus-active-indicator-color: #0e253a;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #0e253a 87%, transparent);
  --mat-form-field-outlined-caret-color: #0e253a;
  --mat-form-field-outlined-focus-outline-color: #0e253a;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #0e253a 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #0e253a;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #0e253a;
  --mat-slide-toggle-selected-handle-color: #0e253a;
  --mat-slide-toggle-selected-hover-state-layer-color: #0e253a;
  --mat-slide-toggle-selected-pressed-state-layer-color: #0e253a;
  --mat-slide-toggle-selected-focus-handle-color: #0e253a;
  --mat-slide-toggle-selected-hover-handle-color: #0e253a;
  --mat-slide-toggle-selected-pressed-handle-color: #0e253a;
  --mat-slide-toggle-selected-focus-track-color: #566675;
  --mat-slide-toggle-selected-hover-track-color: #566675;
  --mat-slide-toggle-selected-pressed-track-color: #566675;
  --mat-slide-toggle-selected-track-color: #566675;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #0e253a;
  --mat-slider-focus-handle-color: #0e253a;
  --mat-slider-handle-color: #0e253a;
  --mat-slider-hover-handle-color: #0e253a;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #0e253a 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #0e253a 4%, transparent);
  --mat-slider-inactive-track-color: #0e253a;
  --mat-slider-ripple-color: #0e253a;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #0e253a;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #566675;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #0e253a;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #0e253a;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #0e253a 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #0e253a;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #0e253a 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #0e253a 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #0e253a 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #0e253a;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #0e253a;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #0e253a;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #0e253a;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #0e253a;
  --mat-slide-toggle-selected-handle-color: #0e253a;
  --mat-slide-toggle-selected-hover-state-layer-color: #0e253a;
  --mat-slide-toggle-selected-pressed-state-layer-color: #0e253a;
  --mat-slide-toggle-selected-focus-handle-color: #0e253a;
  --mat-slide-toggle-selected-hover-handle-color: #0e253a;
  --mat-slide-toggle-selected-pressed-handle-color: #0e253a;
  --mat-slide-toggle-selected-focus-track-color: #566675;
  --mat-slide-toggle-selected-hover-track-color: #566675;
  --mat-slide-toggle-selected-pressed-track-color: #566675;
  --mat-slide-toggle-selected-track-color: #566675;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.ayalapolo-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.ayalapolo-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.ayalapolo-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #0e253a;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #0e253a;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.ayalapolo-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.ayalapolo-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.ayalapolo-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #0e253a;
  --mat-progress-bar-track-color: rgba(14, 37, 58, 0.25);
}
.ayalapolo-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.ayalapolo-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.ayalapolo-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.ayalapolo-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.ayalapolo-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.ayalapolo-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.ayalapolo-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.ayalapolo-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.ayalapolo-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.ayalapolo-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #0e253a;
  --mat-chip-elevated-disabled-container-color: #0e253a;
  --mat-chip-elevated-selected-container-color: #0e253a;
  --mat-chip-flat-disabled-selected-container-color: #0e253a;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.ayalapolo-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.ayalapolo-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.ayalapolo-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.ayalapolo-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.ayalapolo-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.ayalapolo-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.ayalapolo-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.ayalapolo-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.ayalapolo-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.ayalapolo-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #0e253a;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #0e253a;
  --mat-radio-selected-hover-icon-color: #0e253a;
  --mat-radio-selected-icon-color: #0e253a;
  --mat-radio-selected-pressed-icon-color: #0e253a;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.ayalapolo-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.ayalapolo-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.ayalapolo-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.ayalapolo-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.ayalapolo-theme .mdc-list-item__start,
.ayalapolo-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #0e253a;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #0e253a;
  --mat-radio-selected-hover-icon-color: #0e253a;
  --mat-radio-selected-icon-color: #0e253a;
  --mat-radio-selected-pressed-icon-color: #0e253a;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.ayalapolo-theme .mat-accent .mdc-list-item__start,
.ayalapolo-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.ayalapolo-theme .mat-warn .mdc-list-item__start,
.ayalapolo-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.ayalapolo-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #0e253a;
  --mat-checkbox-selected-hover-icon-color: #0e253a;
  --mat-checkbox-selected-icon-color: #0e253a;
  --mat-checkbox-selected-pressed-icon-color: #0e253a;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #0e253a;
  --mat-checkbox-selected-hover-state-layer-color: #0e253a;
  --mat-checkbox-selected-pressed-state-layer-color: #0e253a;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.ayalapolo-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.ayalapolo-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.ayalapolo-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.ayalapolo-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.ayalapolo-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.ayalapolo-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #0e253a;
}
.ayalapolo-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.ayalapolo-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.ayalapolo-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.ayalapolo-theme .mdc-list-item__start,
.ayalapolo-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.ayalapolo-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.ayalapolo-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.ayalapolo-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.ayalapolo-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.ayalapolo-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.ayalapolo-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.ayalapolo-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.ayalapolo-theme .mat-mdc-tab-group,
.ayalapolo-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #0e253a;
  --mat-tab-active-ripple-color: #0e253a;
  --mat-tab-inactive-ripple-color: #0e253a;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #0e253a;
  --mat-tab-active-hover-label-text-color: #0e253a;
  --mat-tab-active-focus-indicator-color: #0e253a;
  --mat-tab-active-hover-indicator-color: #0e253a;
  --mat-tab-active-indicator-color: #0e253a;
}
.ayalapolo-theme .mat-mdc-tab-group.mat-accent,
.ayalapolo-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.ayalapolo-theme .mat-mdc-tab-group.mat-warn,
.ayalapolo-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.ayalapolo-theme .mat-mdc-tab-group.mat-background-primary,
.ayalapolo-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #0e253a;
  --mat-tab-foreground-color: #ffffff;
}
.ayalapolo-theme .mat-mdc-tab-group.mat-background-accent,
.ayalapolo-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.ayalapolo-theme .mat-mdc-tab-group.mat-background-warn,
.ayalapolo-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.ayalapolo-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.ayalapolo-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.ayalapolo-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #0e253a;
  --mat-checkbox-selected-hover-icon-color: #0e253a;
  --mat-checkbox-selected-icon-color: #0e253a;
  --mat-checkbox-selected-pressed-icon-color: #0e253a;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #0e253a;
  --mat-checkbox-selected-hover-state-layer-color: #0e253a;
  --mat-checkbox-selected-pressed-state-layer-color: #0e253a;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.ayalapolo-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.ayalapolo-theme .mat-mdc-button.mat-primary,
.ayalapolo-theme .mat-mdc-unelevated-button.mat-primary,
.ayalapolo-theme .mat-mdc-raised-button.mat-primary,
.ayalapolo-theme .mat-mdc-outlined-button.mat-primary,
.ayalapolo-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #0e253a;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #0e253a;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #0e253a 12%, transparent);
  --mat-button-outlined-state-layer-color: #0e253a;
  --mat-button-protected-container-color: #0e253a;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #0e253a;
  --mat-button-text-ripple-color: color-mix(in srgb, #0e253a 12%, transparent);
  --mat-button-text-state-layer-color: #0e253a;
  --mat-button-tonal-container-color: #0e253a;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.ayalapolo-theme .mat-mdc-button.mat-accent,
.ayalapolo-theme .mat-mdc-unelevated-button.mat-accent,
.ayalapolo-theme .mat-mdc-raised-button.mat-accent,
.ayalapolo-theme .mat-mdc-outlined-button.mat-accent,
.ayalapolo-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.ayalapolo-theme .mat-mdc-button.mat-warn,
.ayalapolo-theme .mat-mdc-unelevated-button.mat-warn,
.ayalapolo-theme .mat-mdc-raised-button.mat-warn,
.ayalapolo-theme .mat-mdc-outlined-button.mat-warn,
.ayalapolo-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.ayalapolo-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #0e253a;
  --mat-icon-button-state-layer-color: #0e253a;
  --mat-icon-button-ripple-color: color-mix(in srgb, #0e253a 12%, transparent);
}
.ayalapolo-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.ayalapolo-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.ayalapolo-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.ayalapolo-theme .mat-mdc-fab.mat-primary,
.ayalapolo-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #0e253a;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #0e253a 12%, transparent);
  --mat-fab-small-container-color: #0e253a;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.ayalapolo-theme .mat-mdc-fab.mat-accent,
.ayalapolo-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.ayalapolo-theme .mat-mdc-fab.mat-warn,
.ayalapolo-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.ayalapolo-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.ayalapolo-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.ayalapolo-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.ayalapolo-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.ayalapolo-theme .mat-datepicker-content.mat-accent,
.ayalapolo-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.ayalapolo-theme .mat-datepicker-content.mat-warn,
.ayalapolo-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.ayalapolo-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.ayalapolo-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.ayalapolo-theme .mat-icon.mat-primary {
  --mat-icon-color: #0e253a;
}
.ayalapolo-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.ayalapolo-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.ayalapolo-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.ayalapolo-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.ayalapolo-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #0e253a;
  --mat-toolbar-container-text-color: #ffffff;
}
.ayalapolo-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.ayalapolo-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.ayalapolo-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.ayalapolo-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.ayalapolo-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.ayalapolo-theme .back-container {
  color: #0e253a;
}
.ayalapolo-theme .back-container:hover {
  opacity: 0.54;
}
.ayalapolo-theme .warn-text {
  color: #e74737;
}
.ayalapolo-theme .inside-modal-title.primary-colored-title,
.ayalapolo-theme .form-title.primary-colored-title {
  color: #0e253a;
}
.ayalapolo-theme .full-height-container form .button-container {
  background: white;
}
.ayalapolo-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.ayalapolo-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.ayalapolo-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.ayalapolo-theme .box-checkbox.active-box-checkbox {
  background-color: #0e253a;
  color: white;
}
.ayalapolo-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.ayalapolo-theme .box-radio.active-box-radio {
  background-color: #0e253a;
  color: white;
}
.ayalapolo-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.ayalapolo-theme .error {
  color: #e74737;
}
.ayalapolo-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.ayalapolo-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.ayalapolo-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.ayalapolo-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.ayalapolo-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.ayalapolo-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.ayalapolo-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.ayalapolo-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.ayalapolo-theme .ql-snow .ql-picker-options {
  background: white;
}
.ayalapolo-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.ayalapolo-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.ayalapolo-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.ayalapolo-theme .ql-snow .ql-fill,
.ayalapolo-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.ayalapolo-theme .ql-snow.ql-toolbar button:hover,
.ayalapolo-theme .ql-snow .ql-toolbar button:hover,
.ayalapolo-theme .ql-snow.ql-toolbar button:focus,
.ayalapolo-theme .ql-snow .ql-toolbar button:focus,
.ayalapolo-theme .ql-snow.ql-toolbar button.ql-active,
.ayalapolo-theme .ql-snow .ql-toolbar button.ql-active,
.ayalapolo-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.ayalapolo-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.ayalapolo-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ayalapolo-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ayalapolo-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.ayalapolo-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.ayalapolo-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ayalapolo-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.ayalapolo-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.ayalapolo-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.ayalapolo-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.ayalapolo-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.ayalapolo-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.ayalapolo-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.ayalapolo-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ayalapolo-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ayalapolo-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ayalapolo-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ayalapolo-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ayalapolo-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ayalapolo-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ayalapolo-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ayalapolo-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ayalapolo-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ayalapolo-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ayalapolo-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ayalapolo-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ayalapolo-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ayalapolo-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ayalapolo-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ayalapolo-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ayalapolo-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ayalapolo-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ayalapolo-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ayalapolo-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ayalapolo-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.ayalapolo-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.ayalapolo-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.ayalapolo-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.ayalapolo-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.ayalapolo-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ayalapolo-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ayalapolo-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ayalapolo-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ayalapolo-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ayalapolo-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ayalapolo-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ayalapolo-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ayalapolo-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ayalapolo-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ayalapolo-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ayalapolo-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ayalapolo-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ayalapolo-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ayalapolo-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ayalapolo-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ayalapolo-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ayalapolo-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ayalapolo-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ayalapolo-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ayalapolo-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ayalapolo-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ayalapolo-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ayalapolo-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.ayalapolo-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.ayalapolo-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.ayalapolo-theme bee-form-item {
  margin-right: 0 !important;
}
.ayalapolo-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.ayalapolo-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #0e253a;
  height: 38px !important;
}
.ayalapolo-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.ayalapolo-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.ayalapolo-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.ayalapolo-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.ayalapolo-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.ayalapolo-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.ayalapolo-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.ayalapolo-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.ayalapolo-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .ayalapolo-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.ayalapolo-theme .general-container .label-wrapper label {
  color: #0e253a !important;
  background-color: white;
}
.ayalapolo-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.ayalapolo-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.ayalapolo-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.ayalapolo-theme .general-container .bee-selector .bee-selector-container {
  border-color: #0e253a !important;
}
.ayalapolo-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.ayalapolo-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.ayalapolo-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.ayalapolo-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.ayalapolo-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.ayalapolo-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.ayalapolo-theme .general-container .bee-selector .bee-selector-container:focus,
.ayalapolo-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #0e253a;
}
.ayalapolo-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.ayalapolo-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #0e253a;
}
.ayalapolo-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.ayalapolo-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #0e253a;
}
.ayalapolo-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.ayalapolo-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.ayalapolo-theme .general-container .bee-dropdown {
  background: white;
}
.ayalapolo-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #0e253a;
}
.ayalapolo-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.ayalapolo-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.ayalapolo-theme .general-container .selector-error {
  color: #e74737;
}
.ayalapolo-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.ayalapolo-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.ayalapolo-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.ayalapolo-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.ayalapolo-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #0e253a;
}
.ayalapolo-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.ayalapolo-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.ayalapolo-theme .move-image-action-container:hover {
  color: #0e253a;
}
.ayalapolo-theme .info-icon {
  color: #0e253a;
}
.ayalapolo-theme .email-chip {
  color: #0e253a !important;
  background-color: rgba(14, 37, 58, 0.15) !important;
}
.ayalapolo-theme .email-chip .mat-chip-remove {
  color: #0e253a !important;
  opacity: 1 !important;
}
.ayalapolo-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.ayalapolo-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.ayalapolo-theme .mat-badge-content {
  color: #0e253a !important;
}
.ayalapolo-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #0e253a !important;
}
.ayalapolo-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #0e253a !important;
}
.ayalapolo-theme #circle-lleno {
  background: #005df1;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.ayalapolo-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.ayalapolo-theme .marine-color {
  color: #0f223e !important;
}
.ayalapolo-theme .primary-color {
  color: #0e253a !important;
}
.ayalapolo-theme .gray-color {
  color: #C0C4CA !important;
}
.ayalapolo-theme .primary-color-200 {
  color: #87929d !important;
}
.ayalapolo-theme svg.primary-fill-svg {
  fill: #0e253a !important;
}
.ayalapolo-theme .primary-fill {
  fill: #0e253a !important;
}
.ayalapolo-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.ayalapolo-theme .primary-border-50 {
  border-color: #e2e5e7 !important;
}
.ayalapolo-theme .primary-border-100 {
  border-color: #b7bec4 !important;
}
.ayalapolo-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.ayalapolo-theme .transparent-border-100 {
  border-color: transparent !important;
}
.ayalapolo-theme .primary-border-200 {
  border-color: #87929d !important;
}
.ayalapolo-theme .primary-indicator .mat-expansion-indicator:after {
  color: #0e253a;
}
.ayalapolo-theme .contrast-background {
  background-color: #ffffff !important;
}
.ayalapolo-theme .primary-color-small {
  color: rgba(14, 37, 58, 0.6);
}
.ayalapolo-theme .marine-background {
  background-color: #0f223e !important;
}
.ayalapolo-theme .primary-background {
  background-color: #0e253a !important;
}
.ayalapolo-theme .primary-background-50 {
  background-color: #e2e5e7 !important;
}
.ayalapolo-theme .primary-background-200 {
  background-color: #87929d !important;
}
.ayalapolo-theme .primary-background-800 {
  background-color: #081625 !important;
}
.ayalapolo-theme .white-color {
  color: white !important;
}
.ayalapolo-theme .secondary-color {
  color: #005df1 !important;
}
.ayalapolo-theme .secondary-background {
  background-color: #005df1 !important;
}
.ayalapolo-theme .secondary-background-semi {
  background-color: #0e253a !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #0e253a !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.ayalapolo-theme .secondary-background-full {
  background-color: #0e253a !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #0e253a !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.ayalapolo-theme .secondary-background-empty {
  background-color: #0e253a !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #0e253a !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.ayalapolo-theme .secondary-border {
  background-color: #005df1 !important;
}
.ayalapolo-theme .tertiary-color {
  color: #005df1 !important;
}
.ayalapolo-theme button.button-tertiary {
  background-color: #005df1 !important;
  color: #0e253a !important;
  border: 1px solid #0e253a !important;
}
.ayalapolo-theme span.red-text {
  color: #DB1F35 !important;
}
.ayalapolo-theme .tertiary-background {
  background-color: #005df1 !important;
}
.ayalapolo-theme .tertiary-border {
  border-color: #005df1 !important;
}
.ayalapolo-theme .dark-background {
  background-color: black !important;
}
.ayalapolo-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.ayalapolo-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.ayalapolo-theme .primary-soft-background {
  background-color: rgba(14, 37, 58, 0.1) !important;
}
.ayalapolo-theme .primary-soft-background:hover {
  background-color: rgba(14, 37, 58, 0.15) !important;
}
.ayalapolo-theme .primary-border {
  border-color: #0e253a !important;
}
.ayalapolo-theme .default-background {
  background-color: #fafafa !important;
}
.ayalapolo-theme .hover-primary:hover {
  color: #0e253a !important;
}
.ayalapolo-theme .hover-primary-background:hover {
  background-color: #0e253a !important;
}
.ayalapolo-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.ayalapolo-theme .warn-color {
  color: #e74737 !important;
}
.ayalapolo-theme .warn-border {
  border-color: #e74737 !important;
}
.ayalapolo-theme .accent-color {
  color: #fedd93 !important;
}
.ayalapolo-theme .accent-background {
  background-color: #fedd93 !important;
}
.ayalapolo-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.ayalapolo-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.ayalapolo-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.ayalapolo-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.ayalapolo-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.ayalapolo-theme .dialog-table tr .action-icon {
  color: transparent;
}
.ayalapolo-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.ayalapolo-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.ayalapolo-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #0e253a;
}
.ayalapolo-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.ayalapolo-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.ayalapolo-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.ayalapolo-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.ayalapolo-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.ayalapolo-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.ayalapolo-theme .card-table tr .action-icon {
  color: transparent;
}
.ayalapolo-theme .card-table tr .action-icon button {
  color: transparent;
}
.ayalapolo-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.ayalapolo-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.ayalapolo-theme .card-table tr:hover .action-icon button {
  color: #0e253a;
}
.ayalapolo-theme .card-table tr:hover .action-icon:hover {
  color: #0e253a;
}
.ayalapolo-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.ayalapolo-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.ayalapolo-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.ayalapolo-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.ayalapolo-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #0e253a;
}
.ayalapolo-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.ayalapolo-theme .no-hover-table tr:hover {
  background: white;
}
.ayalapolo-theme .custom-standard-chip {
  background-color: rgba(14, 37, 58, 0.1) !important;
  color: #0e253a !important;
}
.ayalapolo-theme .help-dashboard-card .mat-icon {
  color: #0e253a;
}
.ayalapolo-theme .help-dashboard-card:hover {
  background-color: #0e253a;
}
.ayalapolo-theme .help-dashboard-card:hover .mat-icon,
.ayalapolo-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.ayalapolo-theme .room-open {
  background-color: #0e253a !important;
  color: white !important;
}
.ayalapolo-theme .room-open:hover {
  background-color: #0e253a !important;
  color: white !important;
}
.ayalapolo-theme #public-office-page-groups .public-group-button-hover {
  background-color: #0e253a !important;
  color: white !important;
}
.ayalapolo-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.ayalapolo-theme .notification-container .show-tip {
  color: transparent;
}
.ayalapolo-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.ayalapolo-theme .notification-container:hover .show-tip {
  color: #0e253a;
}
.ayalapolo-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.ayalapolo-theme .notification-container .notification-subject .mat-icon {
  color: #0e253a;
}
.ayalapolo-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.ayalapolo-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.ayalapolo-theme .message-container .show-tip {
  color: transparent;
}
.ayalapolo-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.ayalapolo-theme .message-container:hover .show-tip {
  color: #0e253a;
}
.ayalapolo-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.ayalapolo-theme .message-container .message-subject .mat-icon {
  color: #0e253a;
}
.ayalapolo-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.ayalapolo-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.ayalapolo-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.ayalapolo-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.ayalapolo-theme .primary-200-outline input {
  caret-color: #87929d;
  color: #0e253a;
}
.ayalapolo-theme .primary-200-outline label {
  color: #87929d;
}
.ayalapolo-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #87929d !important;
}
.ayalapolo-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #87929d;
}
.ayalapolo-theme mat-form-field .primary-outline label {
  color: #0e253a !important;
}
.ayalapolo-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #0e253a !important;
}
.ayalapolo-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #0e253a !important;
}
.ayalapolo-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.ayalapolo-theme .input-primary input {
  caret-color: #0e253a;
  color: #0e253a;
}
.ayalapolo-theme .input-primary label {
  color: #0e253a;
}
.ayalapolo-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #0e253a !important;
}
.ayalapolo-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.ayalapolo-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #0e253a;
  border-width: 1px;
}
.ayalapolo-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.ayalapolo-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.ayalapolo-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.ayalapolo-theme .boton-recarga {
  background-color: #0e253a;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.ayalapolo-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.ayalapolo-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.ayalapolo-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.ayalapolo-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.ayalapolo-theme .header-container button {
  padding: 0 !important;
}
.ayalapolo-theme .header-container .mat-button {
  min-width: unset !important;
}
.ayalapolo-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.ayalapolo-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ayalapolo-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.ayalapolo-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.ayalapolo-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.ayalapolo-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.ayalapolo-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.ayalapolo-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.ayalapolo-theme .input-recarga-marine {
  border: 1px solid #0e253a !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.ayalapolo-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.ayalapolo-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.ayalapolo-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.ayalapolo-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.ayalapolo-theme .color-primary {
  color: #0e253a !important;
  fill: #0e253a !important;
}
.ayalapolo-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.ayalapolo-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.ayalapolo-theme .primary-contrast {
  color: #ffffff !important;
}
.ayalapolo-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0e253a !important;
}
.ayalapolo-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0e253a !important;
}
.ayalapolo-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.ayalapolo-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0e253a !important;
}
.ayalapolo-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.ayalapolo-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.ayalapolo-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.ayalapolo-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #0e253a !important;
}
.ayalapolo-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #0e253a !important;
}
.ayalapolo-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #0e253a !important;
}
.ayalapolo-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #0e253a !important;
}
.ayalapolo-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0e253a !important;
}
.ayalapolo-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.ayalapolo-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0e253a !important;
}
.ayalapolo-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.ayalapolo-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0e253a !important;
}
.ayalapolo-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.ayalapolo-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.ayalapolo-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0e253a !important;
}
.ayalapolo-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #005df1 !important;
}
.ayalapolo-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.ayalapolo-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0e253a !important;
}
.ayalapolo-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #0e253a !important;
}
.ayalapolo-theme .mat-checkbox-checked .mat-checkbox-background,
.ayalapolo-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #0e253a !important;
}
.ayalapolo-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0e253a !important;
}
.ayalapolo-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.ayalapolo-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0e253a !important;
}
.ayalapolo-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.ayalapolo-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0e253a !important;
}
.ayalapolo-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #87929d !important;
}
.ayalapolo-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0e253a !important;
}
.ayalapolo-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.ayalapolo-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.ayalapolo-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.ayalapolo-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.ayalapolo-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #0e253a !important;
}
.ayalapolo-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0e253a !important;
}
.ayalapolo-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0e253a !important;
}
.ayalapolo-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.ayalapolo-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0e253a !important;
}
.ayalapolo-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0e253a !important;
}
.ayalapolo-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0e253a !important;
}
.ayalapolo-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.ayalapolo-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.ayalapolo-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #0e253a !important;
}
.ayalapolo-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0e253a !important;
}
.ayalapolo-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.ayalapolo-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.ayalapolo-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0e253a !important;
}
.ayalapolo-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.ayalapolo-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.ayalapolo-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.ayalapolo-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0e253a !important;
}
.ayalapolo-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.ayalapolo-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0e253a !important;
}
.ayalapolo-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0e253a !important;
}
.ayalapolo-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0e253a !important;
}
.ayalapolo-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.ayalapolo-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.ayalapolo-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.ayalapolo-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #0e253a !important;
}
.ayalapolo-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #0e253a !important;
}
.ayalapolo-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #005df1 !important;
}
.ayalapolo-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #005df1 !important;
}
.ayalapolo-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.ayalapolo-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0e253a !important;
}
.ayalapolo-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0e253a !important;
}
.ayalapolo-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.ayalapolo-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #0e253a !important;
}
.ayalapolo-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #0e253a !important;
}
.ayalapolo-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.ayalapolo-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.ayalapolo-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.ayalapolo-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #005df1 !important;
}
.ayalapolo-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #005df1 !important;
}
.ayalapolo-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.ayalapolo-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.ayalapolo-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #005df1 !important;
}
.ayalapolo-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #005df1 !important;
}
.ayalapolo-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #005df1 !important;
}
.ayalapolo-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #005df1 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ayalapolo-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #005df1 !important;
}
.ayalapolo-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #005df1 !important;
}
.ayalapolo-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #0e253a !important;
}
.ayalapolo-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #0e253a !important;
}
.ayalapolo-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #0e253a !important;
}
.ayalapolo-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.ayalapolo-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.ayalapolo-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.ayalapolo-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.ayalapolo-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.ayalapolo-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #0e253a !important;
}
.ayalapolo-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #0e253a !important;
}
.ayalapolo-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #0e253a !important;
}
.ayalapolo-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #0e253a !important;
}
.ayalapolo-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #0e253a !important;
}
.ayalapolo-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #0e253a !important;
}
.ayalapolo-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.ayalapolo-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #0e253a !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.ayalapolo-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.ayalapolo-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.ayalapolo-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.ayalapolo-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.ayalapolo-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.ayalapolo-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #005df1 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.ayalapolo-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #0e253a !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #0e253a !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.ayalapolo-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #0e253a !important;
}
.ayalapolo-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.ayalapolo-theme .button-text-hidden {
  display: none;
}
.linaresdeportivo-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #0032a1;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #0032a1 87%, transparent);
  --mat-form-field-filled-caret-color: #0032a1;
  --mat-form-field-filled-focus-active-indicator-color: #0032a1;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #0032a1 87%, transparent);
  --mat-form-field-outlined-caret-color: #0032a1;
  --mat-form-field-outlined-focus-outline-color: #0032a1;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #0032a1 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #0032a1;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #0032a1;
  --mat-slide-toggle-selected-handle-color: #0032a1;
  --mat-slide-toggle-selected-hover-state-layer-color: #0032a1;
  --mat-slide-toggle-selected-pressed-state-layer-color: #0032a1;
  --mat-slide-toggle-selected-focus-handle-color: #0032a1;
  --mat-slide-toggle-selected-hover-handle-color: #0032a1;
  --mat-slide-toggle-selected-pressed-handle-color: #0032a1;
  --mat-slide-toggle-selected-focus-track-color: #4d70bd;
  --mat-slide-toggle-selected-hover-track-color: #4d70bd;
  --mat-slide-toggle-selected-pressed-track-color: #4d70bd;
  --mat-slide-toggle-selected-track-color: #4d70bd;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #0032a1;
  --mat-slider-focus-handle-color: #0032a1;
  --mat-slider-handle-color: #0032a1;
  --mat-slider-hover-handle-color: #0032a1;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #0032a1 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #0032a1 4%, transparent);
  --mat-slider-inactive-track-color: #0032a1;
  --mat-slider-ripple-color: #0032a1;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #0032a1;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #4d70bd;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #0032a1;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #0032a1;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #0032a1 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #0032a1;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #0032a1 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #0032a1 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #0032a1 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #0032a1;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #0032a1;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #0032a1;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #0032a1;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #0032a1;
  --mat-slide-toggle-selected-handle-color: #0032a1;
  --mat-slide-toggle-selected-hover-state-layer-color: #0032a1;
  --mat-slide-toggle-selected-pressed-state-layer-color: #0032a1;
  --mat-slide-toggle-selected-focus-handle-color: #0032a1;
  --mat-slide-toggle-selected-hover-handle-color: #0032a1;
  --mat-slide-toggle-selected-pressed-handle-color: #0032a1;
  --mat-slide-toggle-selected-focus-track-color: #4d70bd;
  --mat-slide-toggle-selected-hover-track-color: #4d70bd;
  --mat-slide-toggle-selected-pressed-track-color: #4d70bd;
  --mat-slide-toggle-selected-track-color: #4d70bd;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.linaresdeportivo-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.linaresdeportivo-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.linaresdeportivo-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #0032a1;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #0032a1;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.linaresdeportivo-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.linaresdeportivo-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.linaresdeportivo-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #0032a1;
  --mat-progress-bar-track-color: rgba(0, 50, 161, 0.25);
}
.linaresdeportivo-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.linaresdeportivo-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.linaresdeportivo-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.linaresdeportivo-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.linaresdeportivo-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.linaresdeportivo-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.linaresdeportivo-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.linaresdeportivo-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.linaresdeportivo-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.linaresdeportivo-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #0032a1;
  --mat-chip-elevated-disabled-container-color: #0032a1;
  --mat-chip-elevated-selected-container-color: #0032a1;
  --mat-chip-flat-disabled-selected-container-color: #0032a1;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.linaresdeportivo-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.linaresdeportivo-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.linaresdeportivo-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.linaresdeportivo-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.linaresdeportivo-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.linaresdeportivo-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.linaresdeportivo-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.linaresdeportivo-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.linaresdeportivo-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.linaresdeportivo-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #0032a1;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #0032a1;
  --mat-radio-selected-hover-icon-color: #0032a1;
  --mat-radio-selected-icon-color: #0032a1;
  --mat-radio-selected-pressed-icon-color: #0032a1;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.linaresdeportivo-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.linaresdeportivo-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.linaresdeportivo-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.linaresdeportivo-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.linaresdeportivo-theme .mdc-list-item__start,
.linaresdeportivo-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #0032a1;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #0032a1;
  --mat-radio-selected-hover-icon-color: #0032a1;
  --mat-radio-selected-icon-color: #0032a1;
  --mat-radio-selected-pressed-icon-color: #0032a1;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.linaresdeportivo-theme .mat-accent .mdc-list-item__start,
.linaresdeportivo-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.linaresdeportivo-theme .mat-warn .mdc-list-item__start,
.linaresdeportivo-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.linaresdeportivo-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #0032a1;
  --mat-checkbox-selected-hover-icon-color: #0032a1;
  --mat-checkbox-selected-icon-color: #0032a1;
  --mat-checkbox-selected-pressed-icon-color: #0032a1;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #0032a1;
  --mat-checkbox-selected-hover-state-layer-color: #0032a1;
  --mat-checkbox-selected-pressed-state-layer-color: #0032a1;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.linaresdeportivo-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.linaresdeportivo-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.linaresdeportivo-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.linaresdeportivo-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.linaresdeportivo-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.linaresdeportivo-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #0032a1;
}
.linaresdeportivo-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.linaresdeportivo-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.linaresdeportivo-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.linaresdeportivo-theme .mdc-list-item__start,
.linaresdeportivo-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.linaresdeportivo-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.linaresdeportivo-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.linaresdeportivo-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.linaresdeportivo-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.linaresdeportivo-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.linaresdeportivo-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.linaresdeportivo-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.linaresdeportivo-theme .mat-mdc-tab-group,
.linaresdeportivo-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #0032a1;
  --mat-tab-active-ripple-color: #0032a1;
  --mat-tab-inactive-ripple-color: #0032a1;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #0032a1;
  --mat-tab-active-hover-label-text-color: #0032a1;
  --mat-tab-active-focus-indicator-color: #0032a1;
  --mat-tab-active-hover-indicator-color: #0032a1;
  --mat-tab-active-indicator-color: #0032a1;
}
.linaresdeportivo-theme .mat-mdc-tab-group.mat-accent,
.linaresdeportivo-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.linaresdeportivo-theme .mat-mdc-tab-group.mat-warn,
.linaresdeportivo-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.linaresdeportivo-theme .mat-mdc-tab-group.mat-background-primary,
.linaresdeportivo-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #0032a1;
  --mat-tab-foreground-color: #ffffff;
}
.linaresdeportivo-theme .mat-mdc-tab-group.mat-background-accent,
.linaresdeportivo-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.linaresdeportivo-theme .mat-mdc-tab-group.mat-background-warn,
.linaresdeportivo-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.linaresdeportivo-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.linaresdeportivo-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.linaresdeportivo-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #0032a1;
  --mat-checkbox-selected-hover-icon-color: #0032a1;
  --mat-checkbox-selected-icon-color: #0032a1;
  --mat-checkbox-selected-pressed-icon-color: #0032a1;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #0032a1;
  --mat-checkbox-selected-hover-state-layer-color: #0032a1;
  --mat-checkbox-selected-pressed-state-layer-color: #0032a1;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.linaresdeportivo-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.linaresdeportivo-theme .mat-mdc-button.mat-primary,
.linaresdeportivo-theme .mat-mdc-unelevated-button.mat-primary,
.linaresdeportivo-theme .mat-mdc-raised-button.mat-primary,
.linaresdeportivo-theme .mat-mdc-outlined-button.mat-primary,
.linaresdeportivo-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #0032a1;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #0032a1;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #0032a1 12%, transparent);
  --mat-button-outlined-state-layer-color: #0032a1;
  --mat-button-protected-container-color: #0032a1;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #0032a1;
  --mat-button-text-ripple-color: color-mix(in srgb, #0032a1 12%, transparent);
  --mat-button-text-state-layer-color: #0032a1;
  --mat-button-tonal-container-color: #0032a1;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.linaresdeportivo-theme .mat-mdc-button.mat-accent,
.linaresdeportivo-theme .mat-mdc-unelevated-button.mat-accent,
.linaresdeportivo-theme .mat-mdc-raised-button.mat-accent,
.linaresdeportivo-theme .mat-mdc-outlined-button.mat-accent,
.linaresdeportivo-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.linaresdeportivo-theme .mat-mdc-button.mat-warn,
.linaresdeportivo-theme .mat-mdc-unelevated-button.mat-warn,
.linaresdeportivo-theme .mat-mdc-raised-button.mat-warn,
.linaresdeportivo-theme .mat-mdc-outlined-button.mat-warn,
.linaresdeportivo-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.linaresdeportivo-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #0032a1;
  --mat-icon-button-state-layer-color: #0032a1;
  --mat-icon-button-ripple-color: color-mix(in srgb, #0032a1 12%, transparent);
}
.linaresdeportivo-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.linaresdeportivo-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.linaresdeportivo-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.linaresdeportivo-theme .mat-mdc-fab.mat-primary,
.linaresdeportivo-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #0032a1;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #0032a1 12%, transparent);
  --mat-fab-small-container-color: #0032a1;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.linaresdeportivo-theme .mat-mdc-fab.mat-accent,
.linaresdeportivo-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.linaresdeportivo-theme .mat-mdc-fab.mat-warn,
.linaresdeportivo-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.linaresdeportivo-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.linaresdeportivo-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.linaresdeportivo-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.linaresdeportivo-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.linaresdeportivo-theme .mat-datepicker-content.mat-accent,
.linaresdeportivo-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.linaresdeportivo-theme .mat-datepicker-content.mat-warn,
.linaresdeportivo-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.linaresdeportivo-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.linaresdeportivo-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.linaresdeportivo-theme .mat-icon.mat-primary {
  --mat-icon-color: #0032a1;
}
.linaresdeportivo-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.linaresdeportivo-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.linaresdeportivo-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.linaresdeportivo-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.linaresdeportivo-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #0032a1;
  --mat-toolbar-container-text-color: #ffffff;
}
.linaresdeportivo-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.linaresdeportivo-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.linaresdeportivo-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.linaresdeportivo-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.linaresdeportivo-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.linaresdeportivo-theme .back-container {
  color: #0032a1;
}
.linaresdeportivo-theme .back-container:hover {
  opacity: 0.54;
}
.linaresdeportivo-theme .warn-text {
  color: #e74737;
}
.linaresdeportivo-theme .inside-modal-title.primary-colored-title,
.linaresdeportivo-theme .form-title.primary-colored-title {
  color: #0032a1;
}
.linaresdeportivo-theme .full-height-container form .button-container {
  background: white;
}
.linaresdeportivo-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.linaresdeportivo-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.linaresdeportivo-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.linaresdeportivo-theme .box-checkbox.active-box-checkbox {
  background-color: #0032a1;
  color: white;
}
.linaresdeportivo-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.linaresdeportivo-theme .box-radio.active-box-radio {
  background-color: #0032a1;
  color: white;
}
.linaresdeportivo-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.linaresdeportivo-theme .error {
  color: #e74737;
}
.linaresdeportivo-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.linaresdeportivo-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.linaresdeportivo-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.linaresdeportivo-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.linaresdeportivo-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.linaresdeportivo-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.linaresdeportivo-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.linaresdeportivo-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.linaresdeportivo-theme .ql-snow .ql-picker-options {
  background: white;
}
.linaresdeportivo-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.linaresdeportivo-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.linaresdeportivo-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.linaresdeportivo-theme .ql-snow .ql-fill,
.linaresdeportivo-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.linaresdeportivo-theme .ql-snow.ql-toolbar button:hover,
.linaresdeportivo-theme .ql-snow .ql-toolbar button:hover,
.linaresdeportivo-theme .ql-snow.ql-toolbar button:focus,
.linaresdeportivo-theme .ql-snow .ql-toolbar button:focus,
.linaresdeportivo-theme .ql-snow.ql-toolbar button.ql-active,
.linaresdeportivo-theme .ql-snow .ql-toolbar button.ql-active,
.linaresdeportivo-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.linaresdeportivo-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.linaresdeportivo-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.linaresdeportivo-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.linaresdeportivo-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.linaresdeportivo-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.linaresdeportivo-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.linaresdeportivo-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.linaresdeportivo-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.linaresdeportivo-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.linaresdeportivo-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.linaresdeportivo-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.linaresdeportivo-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.linaresdeportivo-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.linaresdeportivo-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.linaresdeportivo-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.linaresdeportivo-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.linaresdeportivo-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.linaresdeportivo-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.linaresdeportivo-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.linaresdeportivo-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.linaresdeportivo-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.linaresdeportivo-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.linaresdeportivo-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.linaresdeportivo-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.linaresdeportivo-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.linaresdeportivo-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.linaresdeportivo-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.linaresdeportivo-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.linaresdeportivo-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.linaresdeportivo-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.linaresdeportivo-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.linaresdeportivo-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.linaresdeportivo-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.linaresdeportivo-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.linaresdeportivo-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.linaresdeportivo-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.linaresdeportivo-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.linaresdeportivo-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.linaresdeportivo-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.linaresdeportivo-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.linaresdeportivo-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.linaresdeportivo-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.linaresdeportivo-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.linaresdeportivo-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.linaresdeportivo-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.linaresdeportivo-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.linaresdeportivo-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.linaresdeportivo-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.linaresdeportivo-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.linaresdeportivo-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.linaresdeportivo-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.linaresdeportivo-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.linaresdeportivo-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.linaresdeportivo-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.linaresdeportivo-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.linaresdeportivo-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.linaresdeportivo-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.linaresdeportivo-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.linaresdeportivo-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.linaresdeportivo-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.linaresdeportivo-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.linaresdeportivo-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.linaresdeportivo-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.linaresdeportivo-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.linaresdeportivo-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.linaresdeportivo-theme bee-form-item {
  margin-right: 0 !important;
}
.linaresdeportivo-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.linaresdeportivo-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #0032a1;
  height: 38px !important;
}
.linaresdeportivo-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.linaresdeportivo-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.linaresdeportivo-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.linaresdeportivo-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.linaresdeportivo-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.linaresdeportivo-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.linaresdeportivo-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.linaresdeportivo-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.linaresdeportivo-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .linaresdeportivo-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.linaresdeportivo-theme .general-container .label-wrapper label {
  color: #0032a1 !important;
  background-color: white;
}
.linaresdeportivo-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.linaresdeportivo-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.linaresdeportivo-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.linaresdeportivo-theme .general-container .bee-selector .bee-selector-container {
  border-color: #0032a1 !important;
}
.linaresdeportivo-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.linaresdeportivo-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.linaresdeportivo-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.linaresdeportivo-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.linaresdeportivo-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.linaresdeportivo-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.linaresdeportivo-theme .general-container .bee-selector .bee-selector-container:focus,
.linaresdeportivo-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #0032a1;
}
.linaresdeportivo-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.linaresdeportivo-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #0032a1;
}
.linaresdeportivo-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.linaresdeportivo-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #0032a1;
}
.linaresdeportivo-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.linaresdeportivo-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.linaresdeportivo-theme .general-container .bee-dropdown {
  background: white;
}
.linaresdeportivo-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #0032a1;
}
.linaresdeportivo-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.linaresdeportivo-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.linaresdeportivo-theme .general-container .selector-error {
  color: #e74737;
}
.linaresdeportivo-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.linaresdeportivo-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.linaresdeportivo-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.linaresdeportivo-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.linaresdeportivo-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #0032a1;
}
.linaresdeportivo-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.linaresdeportivo-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.linaresdeportivo-theme .move-image-action-container:hover {
  color: #0032a1;
}
.linaresdeportivo-theme .info-icon {
  color: #0032a1;
}
.linaresdeportivo-theme .email-chip {
  color: #0032a1 !important;
  background-color: rgba(0, 50, 161, 0.15) !important;
}
.linaresdeportivo-theme .email-chip .mat-chip-remove {
  color: #0032a1 !important;
  opacity: 1 !important;
}
.linaresdeportivo-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.linaresdeportivo-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.linaresdeportivo-theme .mat-badge-content {
  color: #0032a1 !important;
}
.linaresdeportivo-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #0032a1 !important;
}
.linaresdeportivo-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #0032a1 !important;
}
.linaresdeportivo-theme #circle-lleno {
  background: #a2abff;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.linaresdeportivo-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.linaresdeportivo-theme .marine-color {
  color: #0f223e !important;
}
.linaresdeportivo-theme .primary-color {
  color: #0032a1 !important;
}
.linaresdeportivo-theme .gray-color {
  color: #C0C4CA !important;
}
.linaresdeportivo-theme .primary-color-200 {
  color: #8099d0 !important;
}
.linaresdeportivo-theme svg.primary-fill-svg {
  fill: #0032a1 !important;
}
.linaresdeportivo-theme .primary-fill {
  fill: #0032a1 !important;
}
.linaresdeportivo-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.linaresdeportivo-theme .primary-border-50 {
  border-color: #e0e6f4 !important;
}
.linaresdeportivo-theme .primary-border-100 {
  border-color: #b3c2e3 !important;
}
.linaresdeportivo-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.linaresdeportivo-theme .transparent-border-100 {
  border-color: transparent !important;
}
.linaresdeportivo-theme .primary-border-200 {
  border-color: #8099d0 !important;
}
.linaresdeportivo-theme .primary-indicator .mat-expansion-indicator:after {
  color: #0032a1;
}
.linaresdeportivo-theme .contrast-background {
  background-color: #ffffff !important;
}
.linaresdeportivo-theme .primary-color-small {
  color: rgba(0, 50, 161, 0.6);
}
.linaresdeportivo-theme .marine-background {
  background-color: #0f223e !important;
}
.linaresdeportivo-theme .primary-background {
  background-color: #0032a1 !important;
}
.linaresdeportivo-theme .primary-background-50 {
  background-color: #e0e6f4 !important;
}
.linaresdeportivo-theme .primary-background-200 {
  background-color: #8099d0 !important;
}
.linaresdeportivo-theme .primary-background-800 {
  background-color: #001f85 !important;
}
.linaresdeportivo-theme .white-color {
  color: white !important;
}
.linaresdeportivo-theme .secondary-color {
  color: #a2abff !important;
}
.linaresdeportivo-theme .secondary-background {
  background-color: #a2abff !important;
}
.linaresdeportivo-theme .secondary-background-semi {
  background-color: #0032a1 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #0032a1 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.linaresdeportivo-theme .secondary-background-full {
  background-color: #0032a1 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #0032a1 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.linaresdeportivo-theme .secondary-background-empty {
  background-color: #0032a1 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #0032a1 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.linaresdeportivo-theme .secondary-border {
  background-color: #a2abff !important;
}
.linaresdeportivo-theme .tertiary-color {
  color: #3c4eff !important;
}
.linaresdeportivo-theme button.button-tertiary {
  background-color: #3c4eff !important;
  color: #0032a1 !important;
  border: 1px solid #0032a1 !important;
}
.linaresdeportivo-theme span.red-text {
  color: #DB1F35 !important;
}
.linaresdeportivo-theme .tertiary-background {
  background-color: #3c4eff !important;
}
.linaresdeportivo-theme .tertiary-border {
  border-color: #3c4eff !important;
}
.linaresdeportivo-theme .dark-background {
  background-color: black !important;
}
.linaresdeportivo-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.linaresdeportivo-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.linaresdeportivo-theme .primary-soft-background {
  background-color: rgba(0, 50, 161, 0.1) !important;
}
.linaresdeportivo-theme .primary-soft-background:hover {
  background-color: rgba(0, 50, 161, 0.15) !important;
}
.linaresdeportivo-theme .primary-border {
  border-color: #0032a1 !important;
}
.linaresdeportivo-theme .default-background {
  background-color: #fafafa !important;
}
.linaresdeportivo-theme .hover-primary:hover {
  color: #0032a1 !important;
}
.linaresdeportivo-theme .hover-primary-background:hover {
  background-color: #0032a1 !important;
}
.linaresdeportivo-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.linaresdeportivo-theme .warn-color {
  color: #e74737 !important;
}
.linaresdeportivo-theme .warn-border {
  border-color: #e74737 !important;
}
.linaresdeportivo-theme .accent-color {
  color: #fedd93 !important;
}
.linaresdeportivo-theme .accent-background {
  background-color: #fedd93 !important;
}
.linaresdeportivo-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.linaresdeportivo-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.linaresdeportivo-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.linaresdeportivo-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.linaresdeportivo-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.linaresdeportivo-theme .dialog-table tr .action-icon {
  color: transparent;
}
.linaresdeportivo-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.linaresdeportivo-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.linaresdeportivo-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #0032a1;
}
.linaresdeportivo-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.linaresdeportivo-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.linaresdeportivo-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.linaresdeportivo-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.linaresdeportivo-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.linaresdeportivo-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.linaresdeportivo-theme .card-table tr .action-icon {
  color: transparent;
}
.linaresdeportivo-theme .card-table tr .action-icon button {
  color: transparent;
}
.linaresdeportivo-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.linaresdeportivo-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.linaresdeportivo-theme .card-table tr:hover .action-icon button {
  color: #0032a1;
}
.linaresdeportivo-theme .card-table tr:hover .action-icon:hover {
  color: #0032a1;
}
.linaresdeportivo-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.linaresdeportivo-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.linaresdeportivo-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.linaresdeportivo-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.linaresdeportivo-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #0032a1;
}
.linaresdeportivo-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.linaresdeportivo-theme .no-hover-table tr:hover {
  background: white;
}
.linaresdeportivo-theme .custom-standard-chip {
  background-color: rgba(0, 50, 161, 0.1) !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .help-dashboard-card .mat-icon {
  color: #0032a1;
}
.linaresdeportivo-theme .help-dashboard-card:hover {
  background-color: #0032a1;
}
.linaresdeportivo-theme .help-dashboard-card:hover .mat-icon,
.linaresdeportivo-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.linaresdeportivo-theme .room-open {
  background-color: #0032a1 !important;
  color: white !important;
}
.linaresdeportivo-theme .room-open:hover {
  background-color: #0032a1 !important;
  color: white !important;
}
.linaresdeportivo-theme #public-office-page-groups .public-group-button-hover {
  background-color: #0032a1 !important;
  color: white !important;
}
.linaresdeportivo-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.linaresdeportivo-theme .notification-container .show-tip {
  color: transparent;
}
.linaresdeportivo-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.linaresdeportivo-theme .notification-container:hover .show-tip {
  color: #0032a1;
}
.linaresdeportivo-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.linaresdeportivo-theme .notification-container .notification-subject .mat-icon {
  color: #0032a1;
}
.linaresdeportivo-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.linaresdeportivo-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.linaresdeportivo-theme .message-container .show-tip {
  color: transparent;
}
.linaresdeportivo-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.linaresdeportivo-theme .message-container:hover .show-tip {
  color: #0032a1;
}
.linaresdeportivo-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.linaresdeportivo-theme .message-container .message-subject .mat-icon {
  color: #0032a1;
}
.linaresdeportivo-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.linaresdeportivo-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.linaresdeportivo-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.linaresdeportivo-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.linaresdeportivo-theme .primary-200-outline input {
  caret-color: #8099d0;
  color: #0032a1;
}
.linaresdeportivo-theme .primary-200-outline label {
  color: #8099d0;
}
.linaresdeportivo-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #8099d0 !important;
}
.linaresdeportivo-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #8099d0;
}
.linaresdeportivo-theme mat-form-field .primary-outline label {
  color: #0032a1 !important;
}
.linaresdeportivo-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #0032a1 !important;
}
.linaresdeportivo-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #0032a1 !important;
}
.linaresdeportivo-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.linaresdeportivo-theme .input-primary input {
  caret-color: #0032a1;
  color: #0032a1;
}
.linaresdeportivo-theme .input-primary label {
  color: #0032a1;
}
.linaresdeportivo-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #0032a1 !important;
}
.linaresdeportivo-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.linaresdeportivo-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #0032a1;
  border-width: 1px;
}
.linaresdeportivo-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.linaresdeportivo-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.linaresdeportivo-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.linaresdeportivo-theme .boton-recarga {
  background-color: #0032a1;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.linaresdeportivo-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.linaresdeportivo-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.linaresdeportivo-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.linaresdeportivo-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.linaresdeportivo-theme .header-container button {
  padding: 0 !important;
}
.linaresdeportivo-theme .header-container .mat-button {
  min-width: unset !important;
}
.linaresdeportivo-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.linaresdeportivo-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.linaresdeportivo-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.linaresdeportivo-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.linaresdeportivo-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.linaresdeportivo-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.linaresdeportivo-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.linaresdeportivo-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.linaresdeportivo-theme .input-recarga-marine {
  border: 1px solid #0032a1 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.linaresdeportivo-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.linaresdeportivo-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.linaresdeportivo-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.linaresdeportivo-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.linaresdeportivo-theme .color-primary {
  color: #0032a1 !important;
  fill: #0032a1 !important;
}
.linaresdeportivo-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.linaresdeportivo-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.linaresdeportivo-theme .primary-contrast {
  color: #ffffff !important;
}
.linaresdeportivo-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.linaresdeportivo-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.linaresdeportivo-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.linaresdeportivo-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.linaresdeportivo-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.linaresdeportivo-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.linaresdeportivo-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.linaresdeportivo-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.linaresdeportivo-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #a2abff !important;
}
.linaresdeportivo-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.linaresdeportivo-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .mat-checkbox-checked .mat-checkbox-background,
.linaresdeportivo-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #0032a1 !important;
}
.linaresdeportivo-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.linaresdeportivo-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.linaresdeportivo-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #8099d0 !important;
}
.linaresdeportivo-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.linaresdeportivo-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.linaresdeportivo-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.linaresdeportivo-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.linaresdeportivo-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.linaresdeportivo-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.linaresdeportivo-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.linaresdeportivo-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.linaresdeportivo-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.linaresdeportivo-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.linaresdeportivo-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.linaresdeportivo-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.linaresdeportivo-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.linaresdeportivo-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.linaresdeportivo-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.linaresdeportivo-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.linaresdeportivo-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #a2abff !important;
}
.linaresdeportivo-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #a2abff !important;
}
.linaresdeportivo-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.linaresdeportivo-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.linaresdeportivo-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.linaresdeportivo-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.linaresdeportivo-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.linaresdeportivo-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #a2abff !important;
}
.linaresdeportivo-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #a2abff !important;
}
.linaresdeportivo-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.linaresdeportivo-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.linaresdeportivo-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #3c4eff !important;
}
.linaresdeportivo-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #3c4eff !important;
}
.linaresdeportivo-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #3c4eff !important;
}
.linaresdeportivo-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #3c4eff !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.linaresdeportivo-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #3c4eff !important;
}
.linaresdeportivo-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #3c4eff !important;
}
.linaresdeportivo-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.linaresdeportivo-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.linaresdeportivo-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.linaresdeportivo-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.linaresdeportivo-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.linaresdeportivo-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.linaresdeportivo-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #0032a1 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.linaresdeportivo-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.linaresdeportivo-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.linaresdeportivo-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.linaresdeportivo-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.linaresdeportivo-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.linaresdeportivo-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #a2abff !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.linaresdeportivo-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #0032a1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #0032a1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.linaresdeportivo-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #0032a1 !important;
}
.linaresdeportivo-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.linaresdeportivo-theme .button-text-hidden {
  display: none;
}
.emergentesfestival-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #e74f14;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74f14 87%, transparent);
  --mat-form-field-filled-caret-color: #e74f14;
  --mat-form-field-filled-focus-active-indicator-color: #e74f14;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74f14 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74f14;
  --mat-form-field-outlined-focus-outline-color: #e74f14;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74f14 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74f14;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74f14;
  --mat-slide-toggle-selected-handle-color: #e74f14;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74f14;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74f14;
  --mat-slide-toggle-selected-focus-handle-color: #e74f14;
  --mat-slide-toggle-selected-hover-handle-color: #e74f14;
  --mat-slide-toggle-selected-pressed-handle-color: #e74f14;
  --mat-slide-toggle-selected-focus-track-color: #ee845b;
  --mat-slide-toggle-selected-hover-track-color: #ee845b;
  --mat-slide-toggle-selected-pressed-track-color: #ee845b;
  --mat-slide-toggle-selected-track-color: #ee845b;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #e74f14;
  --mat-slider-focus-handle-color: #e74f14;
  --mat-slider-handle-color: #e74f14;
  --mat-slider-hover-handle-color: #e74f14;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74f14 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74f14 4%, transparent);
  --mat-slider-inactive-track-color: #e74f14;
  --mat-slider-ripple-color: #e74f14;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74f14;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #ee845b;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #e74f14;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #e74f14;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74f14 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74f14;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74f14 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74f14 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74f14 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74f14;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74f14;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74f14;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74f14;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74f14;
  --mat-slide-toggle-selected-handle-color: #e74f14;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74f14;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74f14;
  --mat-slide-toggle-selected-focus-handle-color: #e74f14;
  --mat-slide-toggle-selected-hover-handle-color: #e74f14;
  --mat-slide-toggle-selected-pressed-handle-color: #e74f14;
  --mat-slide-toggle-selected-focus-track-color: #ee845b;
  --mat-slide-toggle-selected-hover-track-color: #ee845b;
  --mat-slide-toggle-selected-pressed-track-color: #ee845b;
  --mat-slide-toggle-selected-track-color: #ee845b;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.emergentesfestival-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.emergentesfestival-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.emergentesfestival-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74f14;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74f14;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.emergentesfestival-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.emergentesfestival-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.emergentesfestival-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #e74f14;
  --mat-progress-bar-track-color: rgba(231, 79, 20, 0.25);
}
.emergentesfestival-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.emergentesfestival-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.emergentesfestival-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.emergentesfestival-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.emergentesfestival-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.emergentesfestival-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.emergentesfestival-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.emergentesfestival-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.emergentesfestival-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.emergentesfestival-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74f14;
  --mat-chip-elevated-disabled-container-color: #e74f14;
  --mat-chip-elevated-selected-container-color: #e74f14;
  --mat-chip-flat-disabled-selected-container-color: #e74f14;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.emergentesfestival-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.emergentesfestival-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.emergentesfestival-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.emergentesfestival-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.emergentesfestival-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.emergentesfestival-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.emergentesfestival-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.emergentesfestival-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.emergentesfestival-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.emergentesfestival-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #e74f14;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74f14;
  --mat-radio-selected-hover-icon-color: #e74f14;
  --mat-radio-selected-icon-color: #e74f14;
  --mat-radio-selected-pressed-icon-color: #e74f14;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.emergentesfestival-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.emergentesfestival-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.emergentesfestival-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.emergentesfestival-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.emergentesfestival-theme .mdc-list-item__start,
.emergentesfestival-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74f14;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74f14;
  --mat-radio-selected-hover-icon-color: #e74f14;
  --mat-radio-selected-icon-color: #e74f14;
  --mat-radio-selected-pressed-icon-color: #e74f14;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.emergentesfestival-theme .mat-accent .mdc-list-item__start,
.emergentesfestival-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.emergentesfestival-theme .mat-warn .mdc-list-item__start,
.emergentesfestival-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.emergentesfestival-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74f14;
  --mat-checkbox-selected-hover-icon-color: #e74f14;
  --mat-checkbox-selected-icon-color: #e74f14;
  --mat-checkbox-selected-pressed-icon-color: #e74f14;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74f14;
  --mat-checkbox-selected-hover-state-layer-color: #e74f14;
  --mat-checkbox-selected-pressed-state-layer-color: #e74f14;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.emergentesfestival-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.emergentesfestival-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.emergentesfestival-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.emergentesfestival-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.emergentesfestival-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.emergentesfestival-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #e74f14;
}
.emergentesfestival-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.emergentesfestival-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.emergentesfestival-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.emergentesfestival-theme .mdc-list-item__start,
.emergentesfestival-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.emergentesfestival-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.emergentesfestival-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.emergentesfestival-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.emergentesfestival-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.emergentesfestival-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.emergentesfestival-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.emergentesfestival-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.emergentesfestival-theme .mat-mdc-tab-group,
.emergentesfestival-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74f14;
  --mat-tab-active-ripple-color: #e74f14;
  --mat-tab-inactive-ripple-color: #e74f14;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74f14;
  --mat-tab-active-hover-label-text-color: #e74f14;
  --mat-tab-active-focus-indicator-color: #e74f14;
  --mat-tab-active-hover-indicator-color: #e74f14;
  --mat-tab-active-indicator-color: #e74f14;
}
.emergentesfestival-theme .mat-mdc-tab-group.mat-accent,
.emergentesfestival-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.emergentesfestival-theme .mat-mdc-tab-group.mat-warn,
.emergentesfestival-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.emergentesfestival-theme .mat-mdc-tab-group.mat-background-primary,
.emergentesfestival-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #e74f14;
  --mat-tab-foreground-color: #ffffff;
}
.emergentesfestival-theme .mat-mdc-tab-group.mat-background-accent,
.emergentesfestival-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.emergentesfestival-theme .mat-mdc-tab-group.mat-background-warn,
.emergentesfestival-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.emergentesfestival-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.emergentesfestival-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.emergentesfestival-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74f14;
  --mat-checkbox-selected-hover-icon-color: #e74f14;
  --mat-checkbox-selected-icon-color: #e74f14;
  --mat-checkbox-selected-pressed-icon-color: #e74f14;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74f14;
  --mat-checkbox-selected-hover-state-layer-color: #e74f14;
  --mat-checkbox-selected-pressed-state-layer-color: #e74f14;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.emergentesfestival-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.emergentesfestival-theme .mat-mdc-button.mat-primary,
.emergentesfestival-theme .mat-mdc-unelevated-button.mat-primary,
.emergentesfestival-theme .mat-mdc-raised-button.mat-primary,
.emergentesfestival-theme .mat-mdc-outlined-button.mat-primary,
.emergentesfestival-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #e74f14;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74f14;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74f14 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74f14;
  --mat-button-protected-container-color: #e74f14;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74f14;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74f14 12%, transparent);
  --mat-button-text-state-layer-color: #e74f14;
  --mat-button-tonal-container-color: #e74f14;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.emergentesfestival-theme .mat-mdc-button.mat-accent,
.emergentesfestival-theme .mat-mdc-unelevated-button.mat-accent,
.emergentesfestival-theme .mat-mdc-raised-button.mat-accent,
.emergentesfestival-theme .mat-mdc-outlined-button.mat-accent,
.emergentesfestival-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.emergentesfestival-theme .mat-mdc-button.mat-warn,
.emergentesfestival-theme .mat-mdc-unelevated-button.mat-warn,
.emergentesfestival-theme .mat-mdc-raised-button.mat-warn,
.emergentesfestival-theme .mat-mdc-outlined-button.mat-warn,
.emergentesfestival-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.emergentesfestival-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #e74f14;
  --mat-icon-button-state-layer-color: #e74f14;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74f14 12%, transparent);
}
.emergentesfestival-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.emergentesfestival-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.emergentesfestival-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.emergentesfestival-theme .mat-mdc-fab.mat-primary,
.emergentesfestival-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #e74f14;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74f14 12%, transparent);
  --mat-fab-small-container-color: #e74f14;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.emergentesfestival-theme .mat-mdc-fab.mat-accent,
.emergentesfestival-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.emergentesfestival-theme .mat-mdc-fab.mat-warn,
.emergentesfestival-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.emergentesfestival-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.emergentesfestival-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.emergentesfestival-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.emergentesfestival-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.emergentesfestival-theme .mat-datepicker-content.mat-accent,
.emergentesfestival-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.emergentesfestival-theme .mat-datepicker-content.mat-warn,
.emergentesfestival-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.emergentesfestival-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.emergentesfestival-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.emergentesfestival-theme .mat-icon.mat-primary {
  --mat-icon-color: #e74f14;
}
.emergentesfestival-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.emergentesfestival-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.emergentesfestival-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.emergentesfestival-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.emergentesfestival-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #e74f14;
  --mat-toolbar-container-text-color: #ffffff;
}
.emergentesfestival-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.emergentesfestival-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.emergentesfestival-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.emergentesfestival-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.emergentesfestival-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.emergentesfestival-theme .back-container {
  color: #e74f14;
}
.emergentesfestival-theme .back-container:hover {
  opacity: 0.54;
}
.emergentesfestival-theme .warn-text {
  color: #e74737;
}
.emergentesfestival-theme .inside-modal-title.primary-colored-title,
.emergentesfestival-theme .form-title.primary-colored-title {
  color: #e74f14;
}
.emergentesfestival-theme .full-height-container form .button-container {
  background: white;
}
.emergentesfestival-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.emergentesfestival-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.emergentesfestival-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.emergentesfestival-theme .box-checkbox.active-box-checkbox {
  background-color: #e74f14;
  color: white;
}
.emergentesfestival-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.emergentesfestival-theme .box-radio.active-box-radio {
  background-color: #e74f14;
  color: white;
}
.emergentesfestival-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.emergentesfestival-theme .error {
  color: #e74737;
}
.emergentesfestival-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.emergentesfestival-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.emergentesfestival-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.emergentesfestival-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.emergentesfestival-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.emergentesfestival-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.emergentesfestival-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.emergentesfestival-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.emergentesfestival-theme .ql-snow .ql-picker-options {
  background: white;
}
.emergentesfestival-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.emergentesfestival-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.emergentesfestival-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.emergentesfestival-theme .ql-snow .ql-fill,
.emergentesfestival-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.emergentesfestival-theme .ql-snow.ql-toolbar button:hover,
.emergentesfestival-theme .ql-snow .ql-toolbar button:hover,
.emergentesfestival-theme .ql-snow.ql-toolbar button:focus,
.emergentesfestival-theme .ql-snow .ql-toolbar button:focus,
.emergentesfestival-theme .ql-snow.ql-toolbar button.ql-active,
.emergentesfestival-theme .ql-snow .ql-toolbar button.ql-active,
.emergentesfestival-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.emergentesfestival-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.emergentesfestival-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.emergentesfestival-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.emergentesfestival-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.emergentesfestival-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.emergentesfestival-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.emergentesfestival-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.emergentesfestival-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.emergentesfestival-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.emergentesfestival-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.emergentesfestival-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.emergentesfestival-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.emergentesfestival-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.emergentesfestival-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.emergentesfestival-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.emergentesfestival-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.emergentesfestival-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.emergentesfestival-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.emergentesfestival-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.emergentesfestival-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.emergentesfestival-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.emergentesfestival-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.emergentesfestival-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.emergentesfestival-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.emergentesfestival-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.emergentesfestival-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.emergentesfestival-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.emergentesfestival-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.emergentesfestival-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.emergentesfestival-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.emergentesfestival-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.emergentesfestival-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.emergentesfestival-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.emergentesfestival-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.emergentesfestival-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.emergentesfestival-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.emergentesfestival-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.emergentesfestival-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.emergentesfestival-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.emergentesfestival-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.emergentesfestival-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.emergentesfestival-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.emergentesfestival-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.emergentesfestival-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.emergentesfestival-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.emergentesfestival-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.emergentesfestival-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.emergentesfestival-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.emergentesfestival-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.emergentesfestival-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.emergentesfestival-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.emergentesfestival-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.emergentesfestival-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.emergentesfestival-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.emergentesfestival-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.emergentesfestival-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.emergentesfestival-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.emergentesfestival-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.emergentesfestival-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.emergentesfestival-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.emergentesfestival-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.emergentesfestival-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.emergentesfestival-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.emergentesfestival-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.emergentesfestival-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.emergentesfestival-theme bee-form-item {
  margin-right: 0 !important;
}
.emergentesfestival-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.emergentesfestival-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #e74f14;
  height: 38px !important;
}
.emergentesfestival-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.emergentesfestival-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.emergentesfestival-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.emergentesfestival-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.emergentesfestival-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.emergentesfestival-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.emergentesfestival-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.emergentesfestival-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.emergentesfestival-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .emergentesfestival-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.emergentesfestival-theme .general-container .label-wrapper label {
  color: #e74f14 !important;
  background-color: white;
}
.emergentesfestival-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.emergentesfestival-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.emergentesfestival-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.emergentesfestival-theme .general-container .bee-selector .bee-selector-container {
  border-color: #e74f14 !important;
}
.emergentesfestival-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.emergentesfestival-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.emergentesfestival-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.emergentesfestival-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.emergentesfestival-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.emergentesfestival-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.emergentesfestival-theme .general-container .bee-selector .bee-selector-container:focus,
.emergentesfestival-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #e74f14;
}
.emergentesfestival-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.emergentesfestival-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #e74f14;
}
.emergentesfestival-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.emergentesfestival-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #e74f14;
}
.emergentesfestival-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.emergentesfestival-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.emergentesfestival-theme .general-container .bee-dropdown {
  background: white;
}
.emergentesfestival-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #e74f14;
}
.emergentesfestival-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.emergentesfestival-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.emergentesfestival-theme .general-container .selector-error {
  color: #e74737;
}
.emergentesfestival-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.emergentesfestival-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.emergentesfestival-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.emergentesfestival-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.emergentesfestival-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #e74f14;
}
.emergentesfestival-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.emergentesfestival-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.emergentesfestival-theme .move-image-action-container:hover {
  color: #e74f14;
}
.emergentesfestival-theme .info-icon {
  color: #e74f14;
}
.emergentesfestival-theme .email-chip {
  color: #e74f14 !important;
  background-color: rgba(231, 79, 20, 0.15) !important;
}
.emergentesfestival-theme .email-chip .mat-chip-remove {
  color: #e74f14 !important;
  opacity: 1 !important;
}
.emergentesfestival-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.emergentesfestival-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.emergentesfestival-theme .mat-badge-content {
  color: #e74f14 !important;
}
.emergentesfestival-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #e74f14 !important;
}
.emergentesfestival-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #e74f14 !important;
}
.emergentesfestival-theme #circle-lleno {
  background: #ffa499;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.emergentesfestival-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.emergentesfestival-theme .marine-color {
  color: #0f223e !important;
}
.emergentesfestival-theme .primary-color {
  color: #e74f14 !important;
}
.emergentesfestival-theme .gray-color {
  color: #C0C4CA !important;
}
.emergentesfestival-theme .primary-color-200 {
  color: #f3a78a !important;
}
.emergentesfestival-theme svg.primary-fill-svg {
  fill: #e74f14 !important;
}
.emergentesfestival-theme .primary-fill {
  fill: #e74f14 !important;
}
.emergentesfestival-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.emergentesfestival-theme .primary-border-50 {
  border-color: #fceae3 !important;
}
.emergentesfestival-theme .primary-border-100 {
  border-color: #f8cab9 !important;
}
.emergentesfestival-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.emergentesfestival-theme .transparent-border-100 {
  border-color: transparent !important;
}
.emergentesfestival-theme .primary-border-200 {
  border-color: #f3a78a !important;
}
.emergentesfestival-theme .primary-indicator .mat-expansion-indicator:after {
  color: #e74f14;
}
.emergentesfestival-theme .contrast-background {
  background-color: #ffffff !important;
}
.emergentesfestival-theme .primary-color-small {
  color: rgba(231, 79, 20, 0.6);
}
.emergentesfestival-theme .marine-background {
  background-color: #0f223e !important;
}
.emergentesfestival-theme .primary-background {
  background-color: #e74f14 !important;
}
.emergentesfestival-theme .primary-background-50 {
  background-color: #fceae3 !important;
}
.emergentesfestival-theme .primary-background-200 {
  background-color: #f3a78a !important;
}
.emergentesfestival-theme .primary-background-800 {
  background-color: #dd360b !important;
}
.emergentesfestival-theme .white-color {
  color: white !important;
}
.emergentesfestival-theme .secondary-color {
  color: #ffa499 !important;
}
.emergentesfestival-theme .secondary-background {
  background-color: #ffa499 !important;
}
.emergentesfestival-theme .secondary-background-semi {
  background-color: #e74f14 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #e74f14 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.emergentesfestival-theme .secondary-background-full {
  background-color: #e74f14 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #e74f14 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.emergentesfestival-theme .secondary-background-empty {
  background-color: #e74f14 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #e74f14 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.emergentesfestival-theme .secondary-border {
  background-color: #ffa499 !important;
}
.emergentesfestival-theme .tertiary-color {
  color: #ffa499 !important;
}
.emergentesfestival-theme button.button-tertiary {
  background-color: #ffa499 !important;
  color: #e74f14 !important;
  border: 1px solid #e74f14 !important;
}
.emergentesfestival-theme span.red-text {
  color: #DB1F35 !important;
}
.emergentesfestival-theme .tertiary-background {
  background-color: #ffa499 !important;
}
.emergentesfestival-theme .tertiary-border {
  border-color: #ffa499 !important;
}
.emergentesfestival-theme .dark-background {
  background-color: black !important;
}
.emergentesfestival-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.emergentesfestival-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.emergentesfestival-theme .primary-soft-background {
  background-color: rgba(231, 79, 20, 0.1) !important;
}
.emergentesfestival-theme .primary-soft-background:hover {
  background-color: rgba(231, 79, 20, 0.15) !important;
}
.emergentesfestival-theme .primary-border {
  border-color: #e74f14 !important;
}
.emergentesfestival-theme .default-background {
  background-color: #fafafa !important;
}
.emergentesfestival-theme .hover-primary:hover {
  color: #e74f14 !important;
}
.emergentesfestival-theme .hover-primary-background:hover {
  background-color: #e74f14 !important;
}
.emergentesfestival-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.emergentesfestival-theme .warn-color {
  color: #e74737 !important;
}
.emergentesfestival-theme .warn-border {
  border-color: #e74737 !important;
}
.emergentesfestival-theme .accent-color {
  color: #fedd93 !important;
}
.emergentesfestival-theme .accent-background {
  background-color: #fedd93 !important;
}
.emergentesfestival-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.emergentesfestival-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.emergentesfestival-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.emergentesfestival-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.emergentesfestival-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.emergentesfestival-theme .dialog-table tr .action-icon {
  color: transparent;
}
.emergentesfestival-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.emergentesfestival-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.emergentesfestival-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #e74f14;
}
.emergentesfestival-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.emergentesfestival-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.emergentesfestival-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.emergentesfestival-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.emergentesfestival-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.emergentesfestival-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.emergentesfestival-theme .card-table tr .action-icon {
  color: transparent;
}
.emergentesfestival-theme .card-table tr .action-icon button {
  color: transparent;
}
.emergentesfestival-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.emergentesfestival-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.emergentesfestival-theme .card-table tr:hover .action-icon button {
  color: #e74f14;
}
.emergentesfestival-theme .card-table tr:hover .action-icon:hover {
  color: #e74f14;
}
.emergentesfestival-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.emergentesfestival-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.emergentesfestival-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.emergentesfestival-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.emergentesfestival-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #e74f14;
}
.emergentesfestival-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.emergentesfestival-theme .no-hover-table tr:hover {
  background: white;
}
.emergentesfestival-theme .custom-standard-chip {
  background-color: rgba(231, 79, 20, 0.1) !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .help-dashboard-card .mat-icon {
  color: #e74f14;
}
.emergentesfestival-theme .help-dashboard-card:hover {
  background-color: #e74f14;
}
.emergentesfestival-theme .help-dashboard-card:hover .mat-icon,
.emergentesfestival-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.emergentesfestival-theme .room-open {
  background-color: #e74f14 !important;
  color: white !important;
}
.emergentesfestival-theme .room-open:hover {
  background-color: #e74f14 !important;
  color: white !important;
}
.emergentesfestival-theme #public-office-page-groups .public-group-button-hover {
  background-color: #e74f14 !important;
  color: white !important;
}
.emergentesfestival-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.emergentesfestival-theme .notification-container .show-tip {
  color: transparent;
}
.emergentesfestival-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.emergentesfestival-theme .notification-container:hover .show-tip {
  color: #e74f14;
}
.emergentesfestival-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.emergentesfestival-theme .notification-container .notification-subject .mat-icon {
  color: #e74f14;
}
.emergentesfestival-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.emergentesfestival-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.emergentesfestival-theme .message-container .show-tip {
  color: transparent;
}
.emergentesfestival-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.emergentesfestival-theme .message-container:hover .show-tip {
  color: #e74f14;
}
.emergentesfestival-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.emergentesfestival-theme .message-container .message-subject .mat-icon {
  color: #e74f14;
}
.emergentesfestival-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.emergentesfestival-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.emergentesfestival-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.emergentesfestival-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.emergentesfestival-theme .primary-200-outline input {
  caret-color: #f3a78a;
  color: #e74f14;
}
.emergentesfestival-theme .primary-200-outline label {
  color: #f3a78a;
}
.emergentesfestival-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #f3a78a !important;
}
.emergentesfestival-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #f3a78a;
}
.emergentesfestival-theme mat-form-field .primary-outline label {
  color: #e74f14 !important;
}
.emergentesfestival-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #e74f14 !important;
}
.emergentesfestival-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #e74f14 !important;
}
.emergentesfestival-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.emergentesfestival-theme .input-primary input {
  caret-color: #e74f14;
  color: #e74f14;
}
.emergentesfestival-theme .input-primary label {
  color: #e74f14;
}
.emergentesfestival-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #e74f14 !important;
}
.emergentesfestival-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.emergentesfestival-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #e74f14;
  border-width: 1px;
}
.emergentesfestival-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.emergentesfestival-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.emergentesfestival-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.emergentesfestival-theme .boton-recarga {
  background-color: #e74f14;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.emergentesfestival-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.emergentesfestival-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
}
.emergentesfestival-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.emergentesfestival-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.emergentesfestival-theme .header-container button {
  padding: 0 !important;
}
.emergentesfestival-theme .header-container .mat-button {
  min-width: unset !important;
}
.emergentesfestival-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.emergentesfestival-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.emergentesfestival-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.emergentesfestival-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.emergentesfestival-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.emergentesfestival-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.emergentesfestival-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.emergentesfestival-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.emergentesfestival-theme .input-recarga-marine {
  border: 1px solid #e74f14 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.emergentesfestival-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.emergentesfestival-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.emergentesfestival-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.emergentesfestival-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.emergentesfestival-theme .color-primary {
  color: #e74f14 !important;
  fill: #e74f14 !important;
}
.emergentesfestival-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.emergentesfestival-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.emergentesfestival-theme .primary-contrast {
  color: #ffffff !important;
}
.emergentesfestival-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.emergentesfestival-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.emergentesfestival-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.emergentesfestival-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.emergentesfestival-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.emergentesfestival-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.emergentesfestival-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.emergentesfestival-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.emergentesfestival-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #ffa499 !important;
}
.emergentesfestival-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.emergentesfestival-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .mat-checkbox-checked .mat-checkbox-background,
.emergentesfestival-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #e74f14 !important;
}
.emergentesfestival-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.emergentesfestival-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.emergentesfestival-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #f3a78a !important;
}
.emergentesfestival-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.emergentesfestival-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.emergentesfestival-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.emergentesfestival-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.emergentesfestival-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.emergentesfestival-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.emergentesfestival-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.emergentesfestival-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.emergentesfestival-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.emergentesfestival-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.emergentesfestival-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.emergentesfestival-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.emergentesfestival-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.emergentesfestival-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.emergentesfestival-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.emergentesfestival-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.emergentesfestival-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffa499 !important;
}
.emergentesfestival-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffa499 !important;
}
.emergentesfestival-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.emergentesfestival-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.emergentesfestival-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.emergentesfestival-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.emergentesfestival-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.emergentesfestival-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ffa499 !important;
}
.emergentesfestival-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffa499 !important;
}
.emergentesfestival-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.emergentesfestival-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.emergentesfestival-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffa499 !important;
}
.emergentesfestival-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffa499 !important;
}
.emergentesfestival-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffa499 !important;
}
.emergentesfestival-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ffa499 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.emergentesfestival-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ffa499 !important;
}
.emergentesfestival-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #ffa499 !important;
}
.emergentesfestival-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.emergentesfestival-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.emergentesfestival-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.emergentesfestival-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.emergentesfestival-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.emergentesfestival-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #e74f14 !important;
}
.emergentesfestival-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.emergentesfestival-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #e74f14 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.emergentesfestival-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.emergentesfestival-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.emergentesfestival-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.emergentesfestival-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.emergentesfestival-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.emergentesfestival-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #ffa499 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.emergentesfestival-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #e74f14 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #e74f14 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.emergentesfestival-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #e74f14 !important;
}
.emergentesfestival-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.emergentesfestival-theme .button-text-hidden {
  display: none;
}
.offsoto-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #cd9ee2;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #cd9ee2 87%, transparent);
  --mat-form-field-filled-caret-color: #cd9ee2;
  --mat-form-field-filled-focus-active-indicator-color: #cd9ee2;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #cd9ee2 87%, transparent);
  --mat-form-field-outlined-caret-color: #cd9ee2;
  --mat-form-field-outlined-focus-outline-color: #cd9ee2;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #cd9ee2 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #cd9ee2;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #cd9ee2;
  --mat-slide-toggle-selected-handle-color: #cd9ee2;
  --mat-slide-toggle-selected-hover-state-layer-color: #cd9ee2;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cd9ee2;
  --mat-slide-toggle-selected-focus-handle-color: #cd9ee2;
  --mat-slide-toggle-selected-hover-handle-color: #cd9ee2;
  --mat-slide-toggle-selected-pressed-handle-color: #cd9ee2;
  --mat-slide-toggle-selected-focus-track-color: #dcbbeb;
  --mat-slide-toggle-selected-hover-track-color: #dcbbeb;
  --mat-slide-toggle-selected-pressed-track-color: #dcbbeb;
  --mat-slide-toggle-selected-track-color: #dcbbeb;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #cd9ee2;
  --mat-slider-focus-handle-color: #cd9ee2;
  --mat-slider-handle-color: #cd9ee2;
  --mat-slider-hover-handle-color: #cd9ee2;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #cd9ee2 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #cd9ee2 4%, transparent);
  --mat-slider-inactive-track-color: #cd9ee2;
  --mat-slider-ripple-color: #cd9ee2;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #cd9ee2;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #dcbbeb;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #cd9ee2;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #cd9ee2;
  --mat-badge-text-color: #000000;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #cd9ee2 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #cd9ee2;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #cd9ee2 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #cd9ee2 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #cd9ee2 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #cd9ee2;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #cd9ee2;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #cd9ee2;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #cd9ee2;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #cd9ee2;
  --mat-slide-toggle-selected-handle-color: #cd9ee2;
  --mat-slide-toggle-selected-hover-state-layer-color: #cd9ee2;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cd9ee2;
  --mat-slide-toggle-selected-focus-handle-color: #cd9ee2;
  --mat-slide-toggle-selected-hover-handle-color: #cd9ee2;
  --mat-slide-toggle-selected-pressed-handle-color: #cd9ee2;
  --mat-slide-toggle-selected-focus-track-color: #dcbbeb;
  --mat-slide-toggle-selected-hover-track-color: #dcbbeb;
  --mat-slide-toggle-selected-pressed-track-color: #dcbbeb;
  --mat-slide-toggle-selected-track-color: #dcbbeb;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.offsoto-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.offsoto-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.offsoto-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #cd9ee2;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #cd9ee2;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.offsoto-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.offsoto-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.offsoto-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #cd9ee2;
  --mat-progress-bar-track-color: rgba(205, 158, 226, 0.25);
}
.offsoto-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.offsoto-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.offsoto-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.offsoto-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.offsoto-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.offsoto-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.offsoto-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.offsoto-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.offsoto-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.offsoto-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #cd9ee2;
  --mat-chip-elevated-disabled-container-color: #cd9ee2;
  --mat-chip-elevated-selected-container-color: #cd9ee2;
  --mat-chip-flat-disabled-selected-container-color: #cd9ee2;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.offsoto-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.offsoto-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.offsoto-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.offsoto-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.offsoto-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.offsoto-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.offsoto-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.offsoto-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.offsoto-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.offsoto-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #cd9ee2;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #cd9ee2;
  --mat-radio-selected-hover-icon-color: #cd9ee2;
  --mat-radio-selected-icon-color: #cd9ee2;
  --mat-radio-selected-pressed-icon-color: #cd9ee2;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.offsoto-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.offsoto-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.offsoto-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.offsoto-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.offsoto-theme .mdc-list-item__start,
.offsoto-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #cd9ee2;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #cd9ee2;
  --mat-radio-selected-hover-icon-color: #cd9ee2;
  --mat-radio-selected-icon-color: #cd9ee2;
  --mat-radio-selected-pressed-icon-color: #cd9ee2;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.offsoto-theme .mat-accent .mdc-list-item__start,
.offsoto-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.offsoto-theme .mat-warn .mdc-list-item__start,
.offsoto-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.offsoto-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #cd9ee2;
  --mat-checkbox-selected-hover-icon-color: #cd9ee2;
  --mat-checkbox-selected-icon-color: #cd9ee2;
  --mat-checkbox-selected-pressed-icon-color: #cd9ee2;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #cd9ee2;
  --mat-checkbox-selected-hover-state-layer-color: #cd9ee2;
  --mat-checkbox-selected-pressed-state-layer-color: #cd9ee2;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.offsoto-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.offsoto-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.offsoto-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.offsoto-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.offsoto-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.offsoto-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #cd9ee2;
}
.offsoto-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.offsoto-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.offsoto-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.offsoto-theme .mdc-list-item__start,
.offsoto-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.offsoto-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.offsoto-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.offsoto-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.offsoto-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.offsoto-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.offsoto-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.offsoto-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.offsoto-theme .mat-mdc-tab-group,
.offsoto-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #cd9ee2;
  --mat-tab-active-ripple-color: #cd9ee2;
  --mat-tab-inactive-ripple-color: #cd9ee2;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #cd9ee2;
  --mat-tab-active-hover-label-text-color: #cd9ee2;
  --mat-tab-active-focus-indicator-color: #cd9ee2;
  --mat-tab-active-hover-indicator-color: #cd9ee2;
  --mat-tab-active-indicator-color: #cd9ee2;
}
.offsoto-theme .mat-mdc-tab-group.mat-accent,
.offsoto-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.offsoto-theme .mat-mdc-tab-group.mat-warn,
.offsoto-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.offsoto-theme .mat-mdc-tab-group.mat-background-primary,
.offsoto-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #cd9ee2;
  --mat-tab-foreground-color: #000000;
}
.offsoto-theme .mat-mdc-tab-group.mat-background-accent,
.offsoto-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.offsoto-theme .mat-mdc-tab-group.mat-background-warn,
.offsoto-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.offsoto-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.offsoto-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.offsoto-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #cd9ee2;
  --mat-checkbox-selected-hover-icon-color: #cd9ee2;
  --mat-checkbox-selected-icon-color: #cd9ee2;
  --mat-checkbox-selected-pressed-icon-color: #cd9ee2;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #cd9ee2;
  --mat-checkbox-selected-hover-state-layer-color: #cd9ee2;
  --mat-checkbox-selected-pressed-state-layer-color: #cd9ee2;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.offsoto-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.offsoto-theme .mat-mdc-button.mat-primary,
.offsoto-theme .mat-mdc-unelevated-button.mat-primary,
.offsoto-theme .mat-mdc-raised-button.mat-primary,
.offsoto-theme .mat-mdc-outlined-button.mat-primary,
.offsoto-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #cd9ee2;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #cd9ee2;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #cd9ee2 12%, transparent);
  --mat-button-outlined-state-layer-color: #cd9ee2;
  --mat-button-protected-container-color: #cd9ee2;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #cd9ee2;
  --mat-button-text-ripple-color: color-mix(in srgb, #cd9ee2 12%, transparent);
  --mat-button-text-state-layer-color: #cd9ee2;
  --mat-button-tonal-container-color: #cd9ee2;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.offsoto-theme .mat-mdc-button.mat-accent,
.offsoto-theme .mat-mdc-unelevated-button.mat-accent,
.offsoto-theme .mat-mdc-raised-button.mat-accent,
.offsoto-theme .mat-mdc-outlined-button.mat-accent,
.offsoto-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.offsoto-theme .mat-mdc-button.mat-warn,
.offsoto-theme .mat-mdc-unelevated-button.mat-warn,
.offsoto-theme .mat-mdc-raised-button.mat-warn,
.offsoto-theme .mat-mdc-outlined-button.mat-warn,
.offsoto-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.offsoto-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #cd9ee2;
  --mat-icon-button-state-layer-color: #cd9ee2;
  --mat-icon-button-ripple-color: color-mix(in srgb, #cd9ee2 12%, transparent);
}
.offsoto-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.offsoto-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.offsoto-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.offsoto-theme .mat-mdc-fab.mat-primary,
.offsoto-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #cd9ee2;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #cd9ee2 12%, transparent);
  --mat-fab-small-container-color: #cd9ee2;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.offsoto-theme .mat-mdc-fab.mat-accent,
.offsoto-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.offsoto-theme .mat-mdc-fab.mat-warn,
.offsoto-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.offsoto-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.offsoto-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.offsoto-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.offsoto-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.offsoto-theme .mat-datepicker-content.mat-accent,
.offsoto-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.offsoto-theme .mat-datepicker-content.mat-warn,
.offsoto-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.offsoto-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.offsoto-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.offsoto-theme .mat-icon.mat-primary {
  --mat-icon-color: #cd9ee2;
}
.offsoto-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.offsoto-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.offsoto-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.offsoto-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.offsoto-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #cd9ee2;
  --mat-toolbar-container-text-color: #000000;
}
.offsoto-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.offsoto-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.offsoto-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.offsoto-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.offsoto-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.offsoto-theme .back-container {
  color: #cd9ee2;
}
.offsoto-theme .back-container:hover {
  opacity: 0.54;
}
.offsoto-theme .warn-text {
  color: #e74737;
}
.offsoto-theme .inside-modal-title.primary-colored-title,
.offsoto-theme .form-title.primary-colored-title {
  color: #cd9ee2;
}
.offsoto-theme .full-height-container form .button-container {
  background: white;
}
.offsoto-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.offsoto-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.offsoto-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.offsoto-theme .box-checkbox.active-box-checkbox {
  background-color: #cd9ee2;
  color: white;
}
.offsoto-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.offsoto-theme .box-radio.active-box-radio {
  background-color: #cd9ee2;
  color: white;
}
.offsoto-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.offsoto-theme .error {
  color: #e74737;
}
.offsoto-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.offsoto-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.offsoto-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.offsoto-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.offsoto-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.offsoto-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.offsoto-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.offsoto-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.offsoto-theme .ql-snow .ql-picker-options {
  background: white;
}
.offsoto-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.offsoto-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.offsoto-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.offsoto-theme .ql-snow .ql-fill,
.offsoto-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.offsoto-theme .ql-snow.ql-toolbar button:hover,
.offsoto-theme .ql-snow .ql-toolbar button:hover,
.offsoto-theme .ql-snow.ql-toolbar button:focus,
.offsoto-theme .ql-snow .ql-toolbar button:focus,
.offsoto-theme .ql-snow.ql-toolbar button.ql-active,
.offsoto-theme .ql-snow .ql-toolbar button.ql-active,
.offsoto-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.offsoto-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.offsoto-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.offsoto-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.offsoto-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.offsoto-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.offsoto-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.offsoto-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.offsoto-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.offsoto-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.offsoto-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.offsoto-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.offsoto-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.offsoto-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.offsoto-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.offsoto-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.offsoto-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.offsoto-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.offsoto-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.offsoto-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.offsoto-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.offsoto-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.offsoto-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.offsoto-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.offsoto-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.offsoto-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.offsoto-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.offsoto-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.offsoto-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.offsoto-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.offsoto-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.offsoto-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.offsoto-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.offsoto-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.offsoto-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.offsoto-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.offsoto-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.offsoto-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.offsoto-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.offsoto-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.offsoto-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.offsoto-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.offsoto-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.offsoto-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.offsoto-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.offsoto-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.offsoto-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.offsoto-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.offsoto-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.offsoto-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.offsoto-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.offsoto-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.offsoto-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.offsoto-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.offsoto-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.offsoto-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.offsoto-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.offsoto-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.offsoto-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.offsoto-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.offsoto-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.offsoto-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.offsoto-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.offsoto-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.offsoto-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.offsoto-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.offsoto-theme bee-form-item {
  margin-right: 0 !important;
}
.offsoto-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.offsoto-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #cd9ee2;
  height: 38px !important;
}
.offsoto-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.offsoto-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.offsoto-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.offsoto-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.offsoto-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.offsoto-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.offsoto-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.offsoto-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.offsoto-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .offsoto-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.offsoto-theme .general-container .label-wrapper label {
  color: #cd9ee2 !important;
  background-color: white;
}
.offsoto-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.offsoto-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.offsoto-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.offsoto-theme .general-container .bee-selector .bee-selector-container {
  border-color: #cd9ee2 !important;
}
.offsoto-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.offsoto-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.offsoto-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.offsoto-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.offsoto-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.offsoto-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.offsoto-theme .general-container .bee-selector .bee-selector-container:focus,
.offsoto-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #cd9ee2;
}
.offsoto-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.offsoto-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #cd9ee2;
}
.offsoto-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.offsoto-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #cd9ee2;
}
.offsoto-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.offsoto-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.offsoto-theme .general-container .bee-dropdown {
  background: white;
}
.offsoto-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #cd9ee2;
}
.offsoto-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.offsoto-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.offsoto-theme .general-container .selector-error {
  color: #e74737;
}
.offsoto-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.offsoto-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.offsoto-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.offsoto-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.offsoto-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #cd9ee2;
}
.offsoto-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.offsoto-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.offsoto-theme .move-image-action-container:hover {
  color: #cd9ee2;
}
.offsoto-theme .info-icon {
  color: #cd9ee2;
}
.offsoto-theme .email-chip {
  color: #cd9ee2 !important;
  background-color: rgba(205, 158, 226, 0.15) !important;
}
.offsoto-theme .email-chip .mat-chip-remove {
  color: #cd9ee2 !important;
  opacity: 1 !important;
}
.offsoto-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.offsoto-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.offsoto-theme .mat-badge-content {
  color: #cd9ee2 !important;
}
.offsoto-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #cd9ee2 !important;
}
.offsoto-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #cd9ee2 !important;
}
.offsoto-theme #circle-lleno {
  background: #9950C8;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.offsoto-theme .primary-contrast-text-color {
  color: #000000 !important;
}
.offsoto-theme .marine-color {
  color: #0f223e !important;
}
.offsoto-theme .primary-color {
  color: #cd9ee2 !important;
}
.offsoto-theme .gray-color {
  color: #C0C4CA !important;
}
.offsoto-theme .primary-color-200 {
  color: #e6cff1 !important;
}
.offsoto-theme svg.primary-fill-svg {
  fill: #cd9ee2 !important;
}
.offsoto-theme .primary-fill {
  fill: #cd9ee2 !important;
}
.offsoto-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.offsoto-theme .primary-border-50 {
  border-color: #f9f3fc !important;
}
.offsoto-theme .primary-border-100 {
  border-color: #f0e2f6 !important;
}
.offsoto-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.offsoto-theme .transparent-border-100 {
  border-color: transparent !important;
}
.offsoto-theme .primary-border-200 {
  border-color: #e6cff1 !important;
}
.offsoto-theme .primary-indicator .mat-expansion-indicator:after {
  color: #cd9ee2;
}
.offsoto-theme .contrast-background {
  background-color: #000000 !important;
}
.offsoto-theme .primary-color-small {
  color: rgba(205, 158, 226, 0.6);
}
.offsoto-theme .marine-background {
  background-color: #0f223e !important;
}
.offsoto-theme .primary-background {
  background-color: #cd9ee2 !important;
}
.offsoto-theme .primary-background-50 {
  background-color: #f9f3fc !important;
}
.offsoto-theme .primary-background-200 {
  background-color: #e6cff1 !important;
}
.offsoto-theme .primary-background-800 {
  background-color: #ba82d6 !important;
}
.offsoto-theme .white-color {
  color: white !important;
}
.offsoto-theme .secondary-color {
  color: #9950C8 !important;
}
.offsoto-theme .secondary-background {
  background-color: #9950C8 !important;
}
.offsoto-theme .secondary-background-semi {
  background-color: #cd9ee2 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #cd9ee2 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.offsoto-theme .secondary-background-full {
  background-color: #cd9ee2 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #cd9ee2 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.offsoto-theme .secondary-background-empty {
  background-color: #cd9ee2 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #cd9ee2 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.offsoto-theme .secondary-border {
  background-color: #9950C8 !important;
}
.offsoto-theme .tertiary-color {
  color: #9950C8 !important;
}
.offsoto-theme button.button-tertiary {
  background-color: #9950C8 !important;
  color: #cd9ee2 !important;
  border: 1px solid #cd9ee2 !important;
}
.offsoto-theme span.red-text {
  color: #DB1F35 !important;
}
.offsoto-theme .tertiary-background {
  background-color: #9950C8 !important;
}
.offsoto-theme .tertiary-border {
  border-color: #9950C8 !important;
}
.offsoto-theme .dark-background {
  background-color: black !important;
}
.offsoto-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.offsoto-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.offsoto-theme .primary-soft-background {
  background-color: rgba(205, 158, 226, 0.1) !important;
}
.offsoto-theme .primary-soft-background:hover {
  background-color: rgba(205, 158, 226, 0.15) !important;
}
.offsoto-theme .primary-border {
  border-color: #cd9ee2 !important;
}
.offsoto-theme .default-background {
  background-color: #fafafa !important;
}
.offsoto-theme .hover-primary:hover {
  color: #cd9ee2 !important;
}
.offsoto-theme .hover-primary-background:hover {
  background-color: #cd9ee2 !important;
}
.offsoto-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.offsoto-theme .warn-color {
  color: #e74737 !important;
}
.offsoto-theme .warn-border {
  border-color: #e74737 !important;
}
.offsoto-theme .accent-color {
  color: #fedd93 !important;
}
.offsoto-theme .accent-background {
  background-color: #fedd93 !important;
}
.offsoto-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.offsoto-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.offsoto-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.offsoto-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.offsoto-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.offsoto-theme .dialog-table tr .action-icon {
  color: transparent;
}
.offsoto-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.offsoto-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.offsoto-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #cd9ee2;
}
.offsoto-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.offsoto-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.offsoto-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.offsoto-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.offsoto-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.offsoto-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.offsoto-theme .card-table tr .action-icon {
  color: transparent;
}
.offsoto-theme .card-table tr .action-icon button {
  color: transparent;
}
.offsoto-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.offsoto-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.offsoto-theme .card-table tr:hover .action-icon button {
  color: #cd9ee2;
}
.offsoto-theme .card-table tr:hover .action-icon:hover {
  color: #cd9ee2;
}
.offsoto-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.offsoto-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.offsoto-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.offsoto-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.offsoto-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #cd9ee2;
}
.offsoto-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.offsoto-theme .no-hover-table tr:hover {
  background: white;
}
.offsoto-theme .custom-standard-chip {
  background-color: rgba(205, 158, 226, 0.1) !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .help-dashboard-card .mat-icon {
  color: #cd9ee2;
}
.offsoto-theme .help-dashboard-card:hover {
  background-color: #cd9ee2;
}
.offsoto-theme .help-dashboard-card:hover .mat-icon,
.offsoto-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.offsoto-theme .room-open {
  background-color: #cd9ee2 !important;
  color: white !important;
}
.offsoto-theme .room-open:hover {
  background-color: #cd9ee2 !important;
  color: white !important;
}
.offsoto-theme #public-office-page-groups .public-group-button-hover {
  background-color: #cd9ee2 !important;
  color: white !important;
}
.offsoto-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.offsoto-theme .notification-container .show-tip {
  color: transparent;
}
.offsoto-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.offsoto-theme .notification-container:hover .show-tip {
  color: #cd9ee2;
}
.offsoto-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.offsoto-theme .notification-container .notification-subject .mat-icon {
  color: #cd9ee2;
}
.offsoto-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.offsoto-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.offsoto-theme .message-container .show-tip {
  color: transparent;
}
.offsoto-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.offsoto-theme .message-container:hover .show-tip {
  color: #cd9ee2;
}
.offsoto-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.offsoto-theme .message-container .message-subject .mat-icon {
  color: #cd9ee2;
}
.offsoto-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.offsoto-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.offsoto-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.offsoto-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.offsoto-theme .primary-200-outline input {
  caret-color: #e6cff1;
  color: #cd9ee2;
}
.offsoto-theme .primary-200-outline label {
  color: #e6cff1;
}
.offsoto-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #e6cff1 !important;
}
.offsoto-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #e6cff1;
}
.offsoto-theme mat-form-field .primary-outline label {
  color: #cd9ee2 !important;
}
.offsoto-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #cd9ee2 !important;
}
.offsoto-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #cd9ee2 !important;
}
.offsoto-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.offsoto-theme .input-primary input {
  caret-color: #cd9ee2;
  color: #cd9ee2;
}
.offsoto-theme .input-primary label {
  color: #cd9ee2;
}
.offsoto-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #cd9ee2 !important;
}
.offsoto-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.offsoto-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #cd9ee2;
  border-width: 1px;
}
.offsoto-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.offsoto-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.offsoto-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.offsoto-theme .boton-recarga {
  background-color: #cd9ee2;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.offsoto-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.offsoto-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
}
.offsoto-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.offsoto-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.offsoto-theme .header-container button {
  padding: 0 !important;
}
.offsoto-theme .header-container .mat-button {
  min-width: unset !important;
}
.offsoto-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.offsoto-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.offsoto-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.offsoto-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.offsoto-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.offsoto-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.offsoto-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.offsoto-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.offsoto-theme .input-recarga-marine {
  border: 1px solid #cd9ee2 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.offsoto-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.offsoto-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.offsoto-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.offsoto-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.offsoto-theme .color-primary {
  color: #cd9ee2 !important;
  fill: #cd9ee2 !important;
}
.offsoto-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.offsoto-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.offsoto-theme .primary-contrast {
  color: #000000 !important;
}
.offsoto-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.offsoto-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.offsoto-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.offsoto-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.offsoto-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.offsoto-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.offsoto-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.offsoto-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.offsoto-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #9950C8 !important;
}
.offsoto-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.offsoto-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .mat-checkbox-checked .mat-checkbox-background,
.offsoto-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #cd9ee2 !important;
}
.offsoto-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.offsoto-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.offsoto-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #e6cff1 !important;
}
.offsoto-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.offsoto-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.offsoto-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.offsoto-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.offsoto-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.offsoto-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.offsoto-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.offsoto-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #cd9ee2 !important;
}
.offsoto-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.offsoto-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.offsoto-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.offsoto-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.offsoto-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.offsoto-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.offsoto-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.offsoto-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.offsoto-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.offsoto-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #9950C8 !important;
}
.offsoto-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #9950C8 !important;
}
.offsoto-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.offsoto-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.offsoto-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.offsoto-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.offsoto-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.offsoto-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #9950C8 !important;
}
.offsoto-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #9950C8 !important;
}
.offsoto-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.offsoto-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.offsoto-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #9950C8 !important;
}
.offsoto-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #9950C8 !important;
}
.offsoto-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #9950C8 !important;
}
.offsoto-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #9950C8 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.offsoto-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #9950C8 !important;
}
.offsoto-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #9950C8 !important;
}
.offsoto-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #000000 !important;
}
.offsoto-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.offsoto-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #000000 !important;
}
.offsoto-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.offsoto-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.offsoto-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #cd9ee2 !important;
}
.offsoto-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.offsoto-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #000000;
  background-color: #cd9ee2 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.offsoto-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.offsoto-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.offsoto-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.offsoto-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.offsoto-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.offsoto-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #9950C8 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.offsoto-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #cd9ee2 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #cd9ee2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.offsoto-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #cd9ee2 !important;
}
.offsoto-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.offsoto-theme .button-text-hidden {
  display: none;
}
.contempopranea-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #94c7c3;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #94c7c3 87%, transparent);
  --mat-form-field-filled-caret-color: #94c7c3;
  --mat-form-field-filled-focus-active-indicator-color: #94c7c3;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #94c7c3 87%, transparent);
  --mat-form-field-outlined-caret-color: #94c7c3;
  --mat-form-field-outlined-focus-outline-color: #94c7c3;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #94c7c3 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #94c7c3;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #94c7c3;
  --mat-slide-toggle-selected-handle-color: #94c7c3;
  --mat-slide-toggle-selected-hover-state-layer-color: #94c7c3;
  --mat-slide-toggle-selected-pressed-state-layer-color: #94c7c3;
  --mat-slide-toggle-selected-focus-handle-color: #94c7c3;
  --mat-slide-toggle-selected-hover-handle-color: #94c7c3;
  --mat-slide-toggle-selected-pressed-handle-color: #94c7c3;
  --mat-slide-toggle-selected-focus-track-color: #b4d8d5;
  --mat-slide-toggle-selected-hover-track-color: #b4d8d5;
  --mat-slide-toggle-selected-pressed-track-color: #b4d8d5;
  --mat-slide-toggle-selected-track-color: #b4d8d5;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #94c7c3;
  --mat-slider-focus-handle-color: #94c7c3;
  --mat-slider-handle-color: #94c7c3;
  --mat-slider-hover-handle-color: #94c7c3;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #94c7c3 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #94c7c3 4%, transparent);
  --mat-slider-inactive-track-color: #94c7c3;
  --mat-slider-ripple-color: #94c7c3;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #94c7c3;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #b4d8d5;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #94c7c3;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #94c7c3;
  --mat-badge-text-color: #000000;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #94c7c3 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #94c7c3;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #94c7c3 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #94c7c3 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #94c7c3 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #94c7c3;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #94c7c3;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #94c7c3;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #94c7c3;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #94c7c3;
  --mat-slide-toggle-selected-handle-color: #94c7c3;
  --mat-slide-toggle-selected-hover-state-layer-color: #94c7c3;
  --mat-slide-toggle-selected-pressed-state-layer-color: #94c7c3;
  --mat-slide-toggle-selected-focus-handle-color: #94c7c3;
  --mat-slide-toggle-selected-hover-handle-color: #94c7c3;
  --mat-slide-toggle-selected-pressed-handle-color: #94c7c3;
  --mat-slide-toggle-selected-focus-track-color: #b4d8d5;
  --mat-slide-toggle-selected-hover-track-color: #b4d8d5;
  --mat-slide-toggle-selected-pressed-track-color: #b4d8d5;
  --mat-slide-toggle-selected-track-color: #b4d8d5;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.contempopranea-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.contempopranea-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.contempopranea-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #94c7c3;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #94c7c3;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.contempopranea-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.contempopranea-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.contempopranea-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #94c7c3;
  --mat-progress-bar-track-color: rgba(148, 199, 195, 0.25);
}
.contempopranea-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.contempopranea-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.contempopranea-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.contempopranea-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.contempopranea-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.contempopranea-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.contempopranea-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.contempopranea-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.contempopranea-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.contempopranea-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #94c7c3;
  --mat-chip-elevated-disabled-container-color: #94c7c3;
  --mat-chip-elevated-selected-container-color: #94c7c3;
  --mat-chip-flat-disabled-selected-container-color: #94c7c3;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.contempopranea-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.contempopranea-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.contempopranea-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.contempopranea-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.contempopranea-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.contempopranea-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.contempopranea-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.contempopranea-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.contempopranea-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.contempopranea-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #94c7c3;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #94c7c3;
  --mat-radio-selected-hover-icon-color: #94c7c3;
  --mat-radio-selected-icon-color: #94c7c3;
  --mat-radio-selected-pressed-icon-color: #94c7c3;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.contempopranea-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.contempopranea-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.contempopranea-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.contempopranea-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.contempopranea-theme .mdc-list-item__start,
.contempopranea-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #94c7c3;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #94c7c3;
  --mat-radio-selected-hover-icon-color: #94c7c3;
  --mat-radio-selected-icon-color: #94c7c3;
  --mat-radio-selected-pressed-icon-color: #94c7c3;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.contempopranea-theme .mat-accent .mdc-list-item__start,
.contempopranea-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.contempopranea-theme .mat-warn .mdc-list-item__start,
.contempopranea-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.contempopranea-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #94c7c3;
  --mat-checkbox-selected-hover-icon-color: #94c7c3;
  --mat-checkbox-selected-icon-color: #94c7c3;
  --mat-checkbox-selected-pressed-icon-color: #94c7c3;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #94c7c3;
  --mat-checkbox-selected-hover-state-layer-color: #94c7c3;
  --mat-checkbox-selected-pressed-state-layer-color: #94c7c3;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.contempopranea-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.contempopranea-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.contempopranea-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.contempopranea-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.contempopranea-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.contempopranea-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #94c7c3;
}
.contempopranea-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.contempopranea-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.contempopranea-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.contempopranea-theme .mdc-list-item__start,
.contempopranea-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.contempopranea-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.contempopranea-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.contempopranea-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.contempopranea-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.contempopranea-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.contempopranea-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.contempopranea-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.contempopranea-theme .mat-mdc-tab-group,
.contempopranea-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #94c7c3;
  --mat-tab-active-ripple-color: #94c7c3;
  --mat-tab-inactive-ripple-color: #94c7c3;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #94c7c3;
  --mat-tab-active-hover-label-text-color: #94c7c3;
  --mat-tab-active-focus-indicator-color: #94c7c3;
  --mat-tab-active-hover-indicator-color: #94c7c3;
  --mat-tab-active-indicator-color: #94c7c3;
}
.contempopranea-theme .mat-mdc-tab-group.mat-accent,
.contempopranea-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.contempopranea-theme .mat-mdc-tab-group.mat-warn,
.contempopranea-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.contempopranea-theme .mat-mdc-tab-group.mat-background-primary,
.contempopranea-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #94c7c3;
  --mat-tab-foreground-color: #000000;
}
.contempopranea-theme .mat-mdc-tab-group.mat-background-accent,
.contempopranea-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.contempopranea-theme .mat-mdc-tab-group.mat-background-warn,
.contempopranea-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.contempopranea-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.contempopranea-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.contempopranea-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #94c7c3;
  --mat-checkbox-selected-hover-icon-color: #94c7c3;
  --mat-checkbox-selected-icon-color: #94c7c3;
  --mat-checkbox-selected-pressed-icon-color: #94c7c3;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #94c7c3;
  --mat-checkbox-selected-hover-state-layer-color: #94c7c3;
  --mat-checkbox-selected-pressed-state-layer-color: #94c7c3;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.contempopranea-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.contempopranea-theme .mat-mdc-button.mat-primary,
.contempopranea-theme .mat-mdc-unelevated-button.mat-primary,
.contempopranea-theme .mat-mdc-raised-button.mat-primary,
.contempopranea-theme .mat-mdc-outlined-button.mat-primary,
.contempopranea-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #94c7c3;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #94c7c3;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #94c7c3 12%, transparent);
  --mat-button-outlined-state-layer-color: #94c7c3;
  --mat-button-protected-container-color: #94c7c3;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #94c7c3;
  --mat-button-text-ripple-color: color-mix(in srgb, #94c7c3 12%, transparent);
  --mat-button-text-state-layer-color: #94c7c3;
  --mat-button-tonal-container-color: #94c7c3;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.contempopranea-theme .mat-mdc-button.mat-accent,
.contempopranea-theme .mat-mdc-unelevated-button.mat-accent,
.contempopranea-theme .mat-mdc-raised-button.mat-accent,
.contempopranea-theme .mat-mdc-outlined-button.mat-accent,
.contempopranea-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.contempopranea-theme .mat-mdc-button.mat-warn,
.contempopranea-theme .mat-mdc-unelevated-button.mat-warn,
.contempopranea-theme .mat-mdc-raised-button.mat-warn,
.contempopranea-theme .mat-mdc-outlined-button.mat-warn,
.contempopranea-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.contempopranea-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #94c7c3;
  --mat-icon-button-state-layer-color: #94c7c3;
  --mat-icon-button-ripple-color: color-mix(in srgb, #94c7c3 12%, transparent);
}
.contempopranea-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.contempopranea-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.contempopranea-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.contempopranea-theme .mat-mdc-fab.mat-primary,
.contempopranea-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #94c7c3;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #94c7c3 12%, transparent);
  --mat-fab-small-container-color: #94c7c3;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.contempopranea-theme .mat-mdc-fab.mat-accent,
.contempopranea-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.contempopranea-theme .mat-mdc-fab.mat-warn,
.contempopranea-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.contempopranea-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.contempopranea-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.contempopranea-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.contempopranea-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.contempopranea-theme .mat-datepicker-content.mat-accent,
.contempopranea-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.contempopranea-theme .mat-datepicker-content.mat-warn,
.contempopranea-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.contempopranea-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.contempopranea-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.contempopranea-theme .mat-icon.mat-primary {
  --mat-icon-color: #94c7c3;
}
.contempopranea-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.contempopranea-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.contempopranea-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.contempopranea-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.contempopranea-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #94c7c3;
  --mat-toolbar-container-text-color: #000000;
}
.contempopranea-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.contempopranea-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.contempopranea-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.contempopranea-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.contempopranea-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.contempopranea-theme .back-container {
  color: #94c7c3;
}
.contempopranea-theme .back-container:hover {
  opacity: 0.54;
}
.contempopranea-theme .warn-text {
  color: #e74737;
}
.contempopranea-theme .inside-modal-title.primary-colored-title,
.contempopranea-theme .form-title.primary-colored-title {
  color: #94c7c3;
}
.contempopranea-theme .full-height-container form .button-container {
  background: white;
}
.contempopranea-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.contempopranea-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.contempopranea-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.contempopranea-theme .box-checkbox.active-box-checkbox {
  background-color: #94c7c3;
  color: white;
}
.contempopranea-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.contempopranea-theme .box-radio.active-box-radio {
  background-color: #94c7c3;
  color: white;
}
.contempopranea-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.contempopranea-theme .error {
  color: #e74737;
}
.contempopranea-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.contempopranea-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.contempopranea-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.contempopranea-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.contempopranea-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.contempopranea-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.contempopranea-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.contempopranea-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.contempopranea-theme .ql-snow .ql-picker-options {
  background: white;
}
.contempopranea-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.contempopranea-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.contempopranea-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.contempopranea-theme .ql-snow .ql-fill,
.contempopranea-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.contempopranea-theme .ql-snow.ql-toolbar button:hover,
.contempopranea-theme .ql-snow .ql-toolbar button:hover,
.contempopranea-theme .ql-snow.ql-toolbar button:focus,
.contempopranea-theme .ql-snow .ql-toolbar button:focus,
.contempopranea-theme .ql-snow.ql-toolbar button.ql-active,
.contempopranea-theme .ql-snow .ql-toolbar button.ql-active,
.contempopranea-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.contempopranea-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.contempopranea-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.contempopranea-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.contempopranea-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.contempopranea-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.contempopranea-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.contempopranea-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.contempopranea-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.contempopranea-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.contempopranea-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.contempopranea-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.contempopranea-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.contempopranea-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.contempopranea-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.contempopranea-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.contempopranea-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.contempopranea-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.contempopranea-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.contempopranea-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.contempopranea-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.contempopranea-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.contempopranea-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.contempopranea-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.contempopranea-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.contempopranea-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.contempopranea-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.contempopranea-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.contempopranea-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.contempopranea-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.contempopranea-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.contempopranea-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.contempopranea-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.contempopranea-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.contempopranea-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.contempopranea-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.contempopranea-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.contempopranea-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.contempopranea-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.contempopranea-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.contempopranea-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.contempopranea-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.contempopranea-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.contempopranea-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.contempopranea-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.contempopranea-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.contempopranea-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.contempopranea-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.contempopranea-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.contempopranea-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.contempopranea-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.contempopranea-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.contempopranea-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.contempopranea-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.contempopranea-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.contempopranea-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.contempopranea-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.contempopranea-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.contempopranea-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.contempopranea-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.contempopranea-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.contempopranea-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.contempopranea-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.contempopranea-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.contempopranea-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.contempopranea-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.contempopranea-theme bee-form-item {
  margin-right: 0 !important;
}
.contempopranea-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.contempopranea-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #94c7c3;
  height: 38px !important;
}
.contempopranea-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.contempopranea-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.contempopranea-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.contempopranea-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.contempopranea-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.contempopranea-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.contempopranea-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.contempopranea-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.contempopranea-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .contempopranea-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.contempopranea-theme .general-container .label-wrapper label {
  color: #94c7c3 !important;
  background-color: white;
}
.contempopranea-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.contempopranea-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.contempopranea-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.contempopranea-theme .general-container .bee-selector .bee-selector-container {
  border-color: #94c7c3 !important;
}
.contempopranea-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.contempopranea-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.contempopranea-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.contempopranea-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.contempopranea-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.contempopranea-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.contempopranea-theme .general-container .bee-selector .bee-selector-container:focus,
.contempopranea-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #94c7c3;
}
.contempopranea-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.contempopranea-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #94c7c3;
}
.contempopranea-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.contempopranea-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #94c7c3;
}
.contempopranea-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.contempopranea-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.contempopranea-theme .general-container .bee-dropdown {
  background: white;
}
.contempopranea-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #94c7c3;
}
.contempopranea-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.contempopranea-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.contempopranea-theme .general-container .selector-error {
  color: #e74737;
}
.contempopranea-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.contempopranea-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.contempopranea-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.contempopranea-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.contempopranea-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #94c7c3;
}
.contempopranea-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.contempopranea-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.contempopranea-theme .move-image-action-container:hover {
  color: #94c7c3;
}
.contempopranea-theme .info-icon {
  color: #94c7c3;
}
.contempopranea-theme .email-chip {
  color: #94c7c3 !important;
  background-color: rgba(148, 199, 195, 0.15) !important;
}
.contempopranea-theme .email-chip .mat-chip-remove {
  color: #94c7c3 !important;
  opacity: 1 !important;
}
.contempopranea-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.contempopranea-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.contempopranea-theme .mat-badge-content {
  color: #94c7c3 !important;
}
.contempopranea-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #94c7c3 !important;
}
.contempopranea-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #94c7c3 !important;
}
.contempopranea-theme #circle-lleno {
  background: #519d97;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.contempopranea-theme .primary-contrast-text-color {
  color: #000000 !important;
}
.contempopranea-theme .marine-color {
  color: #0f223e !important;
}
.contempopranea-theme .primary-color {
  color: #94c7c3 !important;
}
.contempopranea-theme .gray-color {
  color: #C0C4CA !important;
}
.contempopranea-theme .primary-color-200 {
  color: #cae3e1 !important;
}
.contempopranea-theme svg.primary-fill-svg {
  fill: #94c7c3 !important;
}
.contempopranea-theme .primary-fill {
  fill: #94c7c3 !important;
}
.contempopranea-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.contempopranea-theme .primary-border-50 {
  border-color: #f2f8f8 !important;
}
.contempopranea-theme .primary-border-100 {
  border-color: #dfeeed !important;
}
.contempopranea-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.contempopranea-theme .transparent-border-100 {
  border-color: transparent !important;
}
.contempopranea-theme .primary-border-200 {
  border-color: #cae3e1 !important;
}
.contempopranea-theme .primary-indicator .mat-expansion-indicator:after {
  color: #94c7c3;
}
.contempopranea-theme .contrast-background {
  background-color: #000000 !important;
}
.contempopranea-theme .primary-color-small {
  color: rgba(148, 199, 195, 0.6);
}
.contempopranea-theme .marine-background {
  background-color: #0f223e !important;
}
.contempopranea-theme .primary-background {
  background-color: #94c7c3 !important;
}
.contempopranea-theme .primary-background-50 {
  background-color: #f2f8f8 !important;
}
.contempopranea-theme .primary-background-200 {
  background-color: #cae3e1 !important;
}
.contempopranea-theme .primary-background-800 {
  background-color: #77b3ae !important;
}
.contempopranea-theme .white-color {
  color: white !important;
}
.contempopranea-theme .secondary-color {
  color: #519d97 !important;
}
.contempopranea-theme .secondary-background {
  background-color: #519d97 !important;
}
.contempopranea-theme .secondary-background-semi {
  background-color: #94c7c3 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #94c7c3 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.contempopranea-theme .secondary-background-full {
  background-color: #94c7c3 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #94c7c3 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.contempopranea-theme .secondary-background-empty {
  background-color: #94c7c3 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #94c7c3 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.contempopranea-theme .secondary-border {
  background-color: #519d97 !important;
}
.contempopranea-theme .tertiary-color {
  color: #519d97 !important;
}
.contempopranea-theme button.button-tertiary {
  background-color: #519d97 !important;
  color: #94c7c3 !important;
  border: 1px solid #94c7c3 !important;
}
.contempopranea-theme span.red-text {
  color: #DB1F35 !important;
}
.contempopranea-theme .tertiary-background {
  background-color: #519d97 !important;
}
.contempopranea-theme .tertiary-border {
  border-color: #519d97 !important;
}
.contempopranea-theme .dark-background {
  background-color: black !important;
}
.contempopranea-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.contempopranea-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.contempopranea-theme .primary-soft-background {
  background-color: rgba(148, 199, 195, 0.1) !important;
}
.contempopranea-theme .primary-soft-background:hover {
  background-color: rgba(148, 199, 195, 0.15) !important;
}
.contempopranea-theme .primary-border {
  border-color: #94c7c3 !important;
}
.contempopranea-theme .default-background {
  background-color: #fafafa !important;
}
.contempopranea-theme .hover-primary:hover {
  color: #94c7c3 !important;
}
.contempopranea-theme .hover-primary-background:hover {
  background-color: #94c7c3 !important;
}
.contempopranea-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.contempopranea-theme .warn-color {
  color: #e74737 !important;
}
.contempopranea-theme .warn-border {
  border-color: #e74737 !important;
}
.contempopranea-theme .accent-color {
  color: #fedd93 !important;
}
.contempopranea-theme .accent-background {
  background-color: #fedd93 !important;
}
.contempopranea-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.contempopranea-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.contempopranea-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.contempopranea-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.contempopranea-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.contempopranea-theme .dialog-table tr .action-icon {
  color: transparent;
}
.contempopranea-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.contempopranea-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.contempopranea-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #94c7c3;
}
.contempopranea-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.contempopranea-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.contempopranea-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.contempopranea-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.contempopranea-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.contempopranea-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.contempopranea-theme .card-table tr .action-icon {
  color: transparent;
}
.contempopranea-theme .card-table tr .action-icon button {
  color: transparent;
}
.contempopranea-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.contempopranea-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.contempopranea-theme .card-table tr:hover .action-icon button {
  color: #94c7c3;
}
.contempopranea-theme .card-table tr:hover .action-icon:hover {
  color: #94c7c3;
}
.contempopranea-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.contempopranea-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.contempopranea-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.contempopranea-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.contempopranea-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #94c7c3;
}
.contempopranea-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.contempopranea-theme .no-hover-table tr:hover {
  background: white;
}
.contempopranea-theme .custom-standard-chip {
  background-color: rgba(148, 199, 195, 0.1) !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .help-dashboard-card .mat-icon {
  color: #94c7c3;
}
.contempopranea-theme .help-dashboard-card:hover {
  background-color: #94c7c3;
}
.contempopranea-theme .help-dashboard-card:hover .mat-icon,
.contempopranea-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.contempopranea-theme .room-open {
  background-color: #94c7c3 !important;
  color: white !important;
}
.contempopranea-theme .room-open:hover {
  background-color: #94c7c3 !important;
  color: white !important;
}
.contempopranea-theme #public-office-page-groups .public-group-button-hover {
  background-color: #94c7c3 !important;
  color: white !important;
}
.contempopranea-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.contempopranea-theme .notification-container .show-tip {
  color: transparent;
}
.contempopranea-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.contempopranea-theme .notification-container:hover .show-tip {
  color: #94c7c3;
}
.contempopranea-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.contempopranea-theme .notification-container .notification-subject .mat-icon {
  color: #94c7c3;
}
.contempopranea-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.contempopranea-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.contempopranea-theme .message-container .show-tip {
  color: transparent;
}
.contempopranea-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.contempopranea-theme .message-container:hover .show-tip {
  color: #94c7c3;
}
.contempopranea-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.contempopranea-theme .message-container .message-subject .mat-icon {
  color: #94c7c3;
}
.contempopranea-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.contempopranea-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.contempopranea-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.contempopranea-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.contempopranea-theme .primary-200-outline input {
  caret-color: #cae3e1;
  color: #94c7c3;
}
.contempopranea-theme .primary-200-outline label {
  color: #cae3e1;
}
.contempopranea-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #cae3e1 !important;
}
.contempopranea-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #cae3e1;
}
.contempopranea-theme mat-form-field .primary-outline label {
  color: #94c7c3 !important;
}
.contempopranea-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #94c7c3 !important;
}
.contempopranea-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #94c7c3 !important;
}
.contempopranea-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.contempopranea-theme .input-primary input {
  caret-color: #94c7c3;
  color: #94c7c3;
}
.contempopranea-theme .input-primary label {
  color: #94c7c3;
}
.contempopranea-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #94c7c3 !important;
}
.contempopranea-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.contempopranea-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #94c7c3;
  border-width: 1px;
}
.contempopranea-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.contempopranea-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.contempopranea-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.contempopranea-theme .boton-recarga {
  background-color: #94c7c3;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.contempopranea-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.contempopranea-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
}
.contempopranea-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.contempopranea-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.contempopranea-theme .header-container button {
  padding: 0 !important;
}
.contempopranea-theme .header-container .mat-button {
  min-width: unset !important;
}
.contempopranea-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.contempopranea-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contempopranea-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.contempopranea-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.contempopranea-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.contempopranea-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.contempopranea-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.contempopranea-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.contempopranea-theme .input-recarga-marine {
  border: 1px solid #94c7c3 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.contempopranea-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.contempopranea-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.contempopranea-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.contempopranea-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.contempopranea-theme .color-primary {
  color: #94c7c3 !important;
  fill: #94c7c3 !important;
}
.contempopranea-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.contempopranea-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.contempopranea-theme .primary-contrast {
  color: #000000 !important;
}
.contempopranea-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.contempopranea-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.contempopranea-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.contempopranea-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.contempopranea-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.contempopranea-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.contempopranea-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.contempopranea-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.contempopranea-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #519d97 !important;
}
.contempopranea-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.contempopranea-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .mat-checkbox-checked .mat-checkbox-background,
.contempopranea-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #94c7c3 !important;
}
.contempopranea-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.contempopranea-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.contempopranea-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #cae3e1 !important;
}
.contempopranea-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.contempopranea-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.contempopranea-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.contempopranea-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.contempopranea-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.contempopranea-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.contempopranea-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.contempopranea-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #94c7c3 !important;
}
.contempopranea-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.contempopranea-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.contempopranea-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.contempopranea-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.contempopranea-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.contempopranea-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.contempopranea-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.contempopranea-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.contempopranea-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.contempopranea-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #519d97 !important;
}
.contempopranea-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #519d97 !important;
}
.contempopranea-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.contempopranea-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.contempopranea-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.contempopranea-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.contempopranea-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.contempopranea-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #519d97 !important;
}
.contempopranea-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #519d97 !important;
}
.contempopranea-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.contempopranea-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.contempopranea-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #519d97 !important;
}
.contempopranea-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #519d97 !important;
}
.contempopranea-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #519d97 !important;
}
.contempopranea-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #519d97 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.contempopranea-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #519d97 !important;
}
.contempopranea-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #519d97 !important;
}
.contempopranea-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #000000 !important;
}
.contempopranea-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.contempopranea-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #000000 !important;
}
.contempopranea-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.contempopranea-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.contempopranea-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #94c7c3 !important;
}
.contempopranea-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.contempopranea-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #000000;
  background-color: #94c7c3 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.contempopranea-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.contempopranea-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.contempopranea-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.contempopranea-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.contempopranea-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.contempopranea-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #519d97 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.contempopranea-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #94c7c3 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #94c7c3 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.contempopranea-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #94c7c3 !important;
}
.contempopranea-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.contempopranea-theme .button-text-hidden {
  display: none;
}
.oasissound-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #0f111d;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #0f111d 87%, transparent);
  --mat-form-field-filled-caret-color: #0f111d;
  --mat-form-field-filled-focus-active-indicator-color: #0f111d;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #0f111d 87%, transparent);
  --mat-form-field-outlined-caret-color: #0f111d;
  --mat-form-field-outlined-focus-outline-color: #0f111d;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #0f111d 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #0f111d;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #0f111d;
  --mat-slide-toggle-selected-handle-color: #0f111d;
  --mat-slide-toggle-selected-hover-state-layer-color: #0f111d;
  --mat-slide-toggle-selected-pressed-state-layer-color: #0f111d;
  --mat-slide-toggle-selected-focus-handle-color: #0f111d;
  --mat-slide-toggle-selected-hover-handle-color: #0f111d;
  --mat-slide-toggle-selected-pressed-handle-color: #0f111d;
  --mat-slide-toggle-selected-focus-track-color: #575861;
  --mat-slide-toggle-selected-hover-track-color: #575861;
  --mat-slide-toggle-selected-pressed-track-color: #575861;
  --mat-slide-toggle-selected-track-color: #575861;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #0f111d;
  --mat-slider-focus-handle-color: #0f111d;
  --mat-slider-handle-color: #0f111d;
  --mat-slider-hover-handle-color: #0f111d;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #0f111d 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #0f111d 4%, transparent);
  --mat-slider-inactive-track-color: #0f111d;
  --mat-slider-ripple-color: #0f111d;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #0f111d;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #575861;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #0f111d;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #0f111d;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #0f111d 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #0f111d;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #0f111d 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #0f111d 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #0f111d 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #0f111d;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #0f111d;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #0f111d;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #0f111d;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #0f111d;
  --mat-slide-toggle-selected-handle-color: #0f111d;
  --mat-slide-toggle-selected-hover-state-layer-color: #0f111d;
  --mat-slide-toggle-selected-pressed-state-layer-color: #0f111d;
  --mat-slide-toggle-selected-focus-handle-color: #0f111d;
  --mat-slide-toggle-selected-hover-handle-color: #0f111d;
  --mat-slide-toggle-selected-pressed-handle-color: #0f111d;
  --mat-slide-toggle-selected-focus-track-color: #575861;
  --mat-slide-toggle-selected-hover-track-color: #575861;
  --mat-slide-toggle-selected-pressed-track-color: #575861;
  --mat-slide-toggle-selected-track-color: #575861;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.oasissound-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.oasissound-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.oasissound-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #0f111d;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #0f111d;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.oasissound-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.oasissound-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.oasissound-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #0f111d;
  --mat-progress-bar-track-color: rgba(15, 17, 29, 0.25);
}
.oasissound-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.oasissound-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.oasissound-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.oasissound-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.oasissound-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.oasissound-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.oasissound-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.oasissound-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.oasissound-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.oasissound-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #0f111d;
  --mat-chip-elevated-disabled-container-color: #0f111d;
  --mat-chip-elevated-selected-container-color: #0f111d;
  --mat-chip-flat-disabled-selected-container-color: #0f111d;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.oasissound-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.oasissound-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.oasissound-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.oasissound-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.oasissound-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.oasissound-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.oasissound-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.oasissound-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.oasissound-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.oasissound-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #0f111d;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #0f111d;
  --mat-radio-selected-hover-icon-color: #0f111d;
  --mat-radio-selected-icon-color: #0f111d;
  --mat-radio-selected-pressed-icon-color: #0f111d;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.oasissound-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.oasissound-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.oasissound-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.oasissound-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.oasissound-theme .mdc-list-item__start,
.oasissound-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #0f111d;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #0f111d;
  --mat-radio-selected-hover-icon-color: #0f111d;
  --mat-radio-selected-icon-color: #0f111d;
  --mat-radio-selected-pressed-icon-color: #0f111d;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.oasissound-theme .mat-accent .mdc-list-item__start,
.oasissound-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.oasissound-theme .mat-warn .mdc-list-item__start,
.oasissound-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.oasissound-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #0f111d;
  --mat-checkbox-selected-hover-icon-color: #0f111d;
  --mat-checkbox-selected-icon-color: #0f111d;
  --mat-checkbox-selected-pressed-icon-color: #0f111d;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #0f111d;
  --mat-checkbox-selected-hover-state-layer-color: #0f111d;
  --mat-checkbox-selected-pressed-state-layer-color: #0f111d;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.oasissound-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.oasissound-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.oasissound-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.oasissound-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.oasissound-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.oasissound-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #0f111d;
}
.oasissound-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.oasissound-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.oasissound-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.oasissound-theme .mdc-list-item__start,
.oasissound-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.oasissound-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.oasissound-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.oasissound-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.oasissound-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.oasissound-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.oasissound-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.oasissound-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.oasissound-theme .mat-mdc-tab-group,
.oasissound-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #0f111d;
  --mat-tab-active-ripple-color: #0f111d;
  --mat-tab-inactive-ripple-color: #0f111d;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #0f111d;
  --mat-tab-active-hover-label-text-color: #0f111d;
  --mat-tab-active-focus-indicator-color: #0f111d;
  --mat-tab-active-hover-indicator-color: #0f111d;
  --mat-tab-active-indicator-color: #0f111d;
}
.oasissound-theme .mat-mdc-tab-group.mat-accent,
.oasissound-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.oasissound-theme .mat-mdc-tab-group.mat-warn,
.oasissound-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.oasissound-theme .mat-mdc-tab-group.mat-background-primary,
.oasissound-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #0f111d;
  --mat-tab-foreground-color: #ffffff;
}
.oasissound-theme .mat-mdc-tab-group.mat-background-accent,
.oasissound-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.oasissound-theme .mat-mdc-tab-group.mat-background-warn,
.oasissound-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.oasissound-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.oasissound-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.oasissound-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #0f111d;
  --mat-checkbox-selected-hover-icon-color: #0f111d;
  --mat-checkbox-selected-icon-color: #0f111d;
  --mat-checkbox-selected-pressed-icon-color: #0f111d;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #0f111d;
  --mat-checkbox-selected-hover-state-layer-color: #0f111d;
  --mat-checkbox-selected-pressed-state-layer-color: #0f111d;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.oasissound-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.oasissound-theme .mat-mdc-button.mat-primary,
.oasissound-theme .mat-mdc-unelevated-button.mat-primary,
.oasissound-theme .mat-mdc-raised-button.mat-primary,
.oasissound-theme .mat-mdc-outlined-button.mat-primary,
.oasissound-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #0f111d;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #0f111d;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #0f111d 12%, transparent);
  --mat-button-outlined-state-layer-color: #0f111d;
  --mat-button-protected-container-color: #0f111d;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #0f111d;
  --mat-button-text-ripple-color: color-mix(in srgb, #0f111d 12%, transparent);
  --mat-button-text-state-layer-color: #0f111d;
  --mat-button-tonal-container-color: #0f111d;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.oasissound-theme .mat-mdc-button.mat-accent,
.oasissound-theme .mat-mdc-unelevated-button.mat-accent,
.oasissound-theme .mat-mdc-raised-button.mat-accent,
.oasissound-theme .mat-mdc-outlined-button.mat-accent,
.oasissound-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.oasissound-theme .mat-mdc-button.mat-warn,
.oasissound-theme .mat-mdc-unelevated-button.mat-warn,
.oasissound-theme .mat-mdc-raised-button.mat-warn,
.oasissound-theme .mat-mdc-outlined-button.mat-warn,
.oasissound-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.oasissound-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #0f111d;
  --mat-icon-button-state-layer-color: #0f111d;
  --mat-icon-button-ripple-color: color-mix(in srgb, #0f111d 12%, transparent);
}
.oasissound-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.oasissound-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.oasissound-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.oasissound-theme .mat-mdc-fab.mat-primary,
.oasissound-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #0f111d;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #0f111d 12%, transparent);
  --mat-fab-small-container-color: #0f111d;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.oasissound-theme .mat-mdc-fab.mat-accent,
.oasissound-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.oasissound-theme .mat-mdc-fab.mat-warn,
.oasissound-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.oasissound-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.oasissound-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.oasissound-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.oasissound-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.oasissound-theme .mat-datepicker-content.mat-accent,
.oasissound-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.oasissound-theme .mat-datepicker-content.mat-warn,
.oasissound-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.oasissound-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.oasissound-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.oasissound-theme .mat-icon.mat-primary {
  --mat-icon-color: #0f111d;
}
.oasissound-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.oasissound-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.oasissound-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.oasissound-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.oasissound-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #0f111d;
  --mat-toolbar-container-text-color: #ffffff;
}
.oasissound-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.oasissound-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.oasissound-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.oasissound-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.oasissound-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.oasissound-theme .back-container {
  color: #0f111d;
}
.oasissound-theme .back-container:hover {
  opacity: 0.54;
}
.oasissound-theme .warn-text {
  color: #e74737;
}
.oasissound-theme .inside-modal-title.primary-colored-title,
.oasissound-theme .form-title.primary-colored-title {
  color: #0f111d;
}
.oasissound-theme .full-height-container form .button-container {
  background: white;
}
.oasissound-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.oasissound-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.oasissound-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.oasissound-theme .box-checkbox.active-box-checkbox {
  background-color: #0f111d;
  color: white;
}
.oasissound-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.oasissound-theme .box-radio.active-box-radio {
  background-color: #0f111d;
  color: white;
}
.oasissound-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.oasissound-theme .error {
  color: #e74737;
}
.oasissound-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.oasissound-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.oasissound-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.oasissound-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.oasissound-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.oasissound-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.oasissound-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.oasissound-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.oasissound-theme .ql-snow .ql-picker-options {
  background: white;
}
.oasissound-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.oasissound-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.oasissound-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.oasissound-theme .ql-snow .ql-fill,
.oasissound-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.oasissound-theme .ql-snow.ql-toolbar button:hover,
.oasissound-theme .ql-snow .ql-toolbar button:hover,
.oasissound-theme .ql-snow.ql-toolbar button:focus,
.oasissound-theme .ql-snow .ql-toolbar button:focus,
.oasissound-theme .ql-snow.ql-toolbar button.ql-active,
.oasissound-theme .ql-snow .ql-toolbar button.ql-active,
.oasissound-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.oasissound-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.oasissound-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.oasissound-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.oasissound-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.oasissound-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.oasissound-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.oasissound-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.oasissound-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.oasissound-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.oasissound-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.oasissound-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.oasissound-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.oasissound-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.oasissound-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.oasissound-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.oasissound-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.oasissound-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.oasissound-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.oasissound-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.oasissound-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.oasissound-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.oasissound-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.oasissound-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.oasissound-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.oasissound-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.oasissound-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.oasissound-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.oasissound-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.oasissound-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.oasissound-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.oasissound-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.oasissound-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.oasissound-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.oasissound-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.oasissound-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.oasissound-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.oasissound-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.oasissound-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.oasissound-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.oasissound-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.oasissound-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.oasissound-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.oasissound-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.oasissound-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.oasissound-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.oasissound-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.oasissound-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.oasissound-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.oasissound-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.oasissound-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.oasissound-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.oasissound-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.oasissound-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.oasissound-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.oasissound-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.oasissound-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.oasissound-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.oasissound-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.oasissound-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.oasissound-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.oasissound-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.oasissound-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.oasissound-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.oasissound-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.oasissound-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.oasissound-theme bee-form-item {
  margin-right: 0 !important;
}
.oasissound-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.oasissound-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #0f111d;
  height: 38px !important;
}
.oasissound-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.oasissound-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.oasissound-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.oasissound-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.oasissound-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.oasissound-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.oasissound-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.oasissound-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.oasissound-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .oasissound-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.oasissound-theme .general-container .label-wrapper label {
  color: #0f111d !important;
  background-color: white;
}
.oasissound-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.oasissound-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.oasissound-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.oasissound-theme .general-container .bee-selector .bee-selector-container {
  border-color: #0f111d !important;
}
.oasissound-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.oasissound-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.oasissound-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.oasissound-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.oasissound-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.oasissound-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.oasissound-theme .general-container .bee-selector .bee-selector-container:focus,
.oasissound-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #0f111d;
}
.oasissound-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.oasissound-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #0f111d;
}
.oasissound-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.oasissound-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #0f111d;
}
.oasissound-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.oasissound-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.oasissound-theme .general-container .bee-dropdown {
  background: white;
}
.oasissound-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #0f111d;
}
.oasissound-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.oasissound-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.oasissound-theme .general-container .selector-error {
  color: #e74737;
}
.oasissound-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.oasissound-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.oasissound-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.oasissound-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.oasissound-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #0f111d;
}
.oasissound-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.oasissound-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.oasissound-theme .move-image-action-container:hover {
  color: #0f111d;
}
.oasissound-theme .info-icon {
  color: #0f111d;
}
.oasissound-theme .email-chip {
  color: #0f111d !important;
  background-color: rgba(15, 17, 29, 0.15) !important;
}
.oasissound-theme .email-chip .mat-chip-remove {
  color: #0f111d !important;
  opacity: 1 !important;
}
.oasissound-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.oasissound-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.oasissound-theme .mat-badge-content {
  color: #0f111d !important;
}
.oasissound-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #0f111d !important;
}
.oasissound-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #0f111d !important;
}
.oasissound-theme #circle-lleno {
  background: #005de8;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.oasissound-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.oasissound-theme .marine-color {
  color: #0f223e !important;
}
.oasissound-theme .primary-color {
  color: #0f111d !important;
}
.oasissound-theme .gray-color {
  color: #C0C4CA !important;
}
.oasissound-theme .primary-color-200 {
  color: #87888e !important;
}
.oasissound-theme svg.primary-fill-svg {
  fill: #0f111d !important;
}
.oasissound-theme .primary-fill {
  fill: #0f111d !important;
}
.oasissound-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.oasissound-theme .primary-border-50 {
  border-color: #e2e2e4 !important;
}
.oasissound-theme .primary-border-100 {
  border-color: #b7b8bb !important;
}
.oasissound-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.oasissound-theme .transparent-border-100 {
  border-color: transparent !important;
}
.oasissound-theme .primary-border-200 {
  border-color: #87888e !important;
}
.oasissound-theme .primary-indicator .mat-expansion-indicator:after {
  color: #0f111d;
}
.oasissound-theme .contrast-background {
  background-color: #ffffff !important;
}
.oasissound-theme .primary-color-small {
  color: rgba(15, 17, 29, 0.6);
}
.oasissound-theme .marine-background {
  background-color: #0f223e !important;
}
.oasissound-theme .primary-background {
  background-color: #0f111d !important;
}
.oasissound-theme .primary-background-50 {
  background-color: #e2e2e4 !important;
}
.oasissound-theme .primary-background-200 {
  background-color: #87888e !important;
}
.oasissound-theme .primary-background-800 {
  background-color: #080a11 !important;
}
.oasissound-theme .white-color {
  color: white !important;
}
.oasissound-theme .secondary-color {
  color: #005de8 !important;
}
.oasissound-theme .secondary-background {
  background-color: #005de8 !important;
}
.oasissound-theme .secondary-background-semi {
  background-color: #0f111d !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #0f111d !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.oasissound-theme .secondary-background-full {
  background-color: #0f111d !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #0f111d !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.oasissound-theme .secondary-background-empty {
  background-color: #0f111d !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #0f111d !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.oasissound-theme .secondary-border {
  background-color: #005de8 !important;
}
.oasissound-theme .tertiary-color {
  color: #005de8 !important;
}
.oasissound-theme button.button-tertiary {
  background-color: #005de8 !important;
  color: #0f111d !important;
  border: 1px solid #0f111d !important;
}
.oasissound-theme span.red-text {
  color: #DB1F35 !important;
}
.oasissound-theme .tertiary-background {
  background-color: #005de8 !important;
}
.oasissound-theme .tertiary-border {
  border-color: #005de8 !important;
}
.oasissound-theme .dark-background {
  background-color: black !important;
}
.oasissound-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.oasissound-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.oasissound-theme .primary-soft-background {
  background-color: rgba(15, 17, 29, 0.1) !important;
}
.oasissound-theme .primary-soft-background:hover {
  background-color: rgba(15, 17, 29, 0.15) !important;
}
.oasissound-theme .primary-border {
  border-color: #0f111d !important;
}
.oasissound-theme .default-background {
  background-color: #fafafa !important;
}
.oasissound-theme .hover-primary:hover {
  color: #0f111d !important;
}
.oasissound-theme .hover-primary-background:hover {
  background-color: #0f111d !important;
}
.oasissound-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.oasissound-theme .warn-color {
  color: #e74737 !important;
}
.oasissound-theme .warn-border {
  border-color: #e74737 !important;
}
.oasissound-theme .accent-color {
  color: #fedd93 !important;
}
.oasissound-theme .accent-background {
  background-color: #fedd93 !important;
}
.oasissound-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.oasissound-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.oasissound-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.oasissound-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.oasissound-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.oasissound-theme .dialog-table tr .action-icon {
  color: transparent;
}
.oasissound-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.oasissound-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.oasissound-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #0f111d;
}
.oasissound-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.oasissound-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.oasissound-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.oasissound-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.oasissound-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.oasissound-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.oasissound-theme .card-table tr .action-icon {
  color: transparent;
}
.oasissound-theme .card-table tr .action-icon button {
  color: transparent;
}
.oasissound-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.oasissound-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.oasissound-theme .card-table tr:hover .action-icon button {
  color: #0f111d;
}
.oasissound-theme .card-table tr:hover .action-icon:hover {
  color: #0f111d;
}
.oasissound-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.oasissound-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.oasissound-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.oasissound-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.oasissound-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #0f111d;
}
.oasissound-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.oasissound-theme .no-hover-table tr:hover {
  background: white;
}
.oasissound-theme .custom-standard-chip {
  background-color: rgba(15, 17, 29, 0.1) !important;
  color: #0f111d !important;
}
.oasissound-theme .help-dashboard-card .mat-icon {
  color: #0f111d;
}
.oasissound-theme .help-dashboard-card:hover {
  background-color: #0f111d;
}
.oasissound-theme .help-dashboard-card:hover .mat-icon,
.oasissound-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.oasissound-theme .room-open {
  background-color: #0f111d !important;
  color: white !important;
}
.oasissound-theme .room-open:hover {
  background-color: #0f111d !important;
  color: white !important;
}
.oasissound-theme #public-office-page-groups .public-group-button-hover {
  background-color: #0f111d !important;
  color: white !important;
}
.oasissound-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.oasissound-theme .notification-container .show-tip {
  color: transparent;
}
.oasissound-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.oasissound-theme .notification-container:hover .show-tip {
  color: #0f111d;
}
.oasissound-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.oasissound-theme .notification-container .notification-subject .mat-icon {
  color: #0f111d;
}
.oasissound-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.oasissound-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.oasissound-theme .message-container .show-tip {
  color: transparent;
}
.oasissound-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.oasissound-theme .message-container:hover .show-tip {
  color: #0f111d;
}
.oasissound-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.oasissound-theme .message-container .message-subject .mat-icon {
  color: #0f111d;
}
.oasissound-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.oasissound-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.oasissound-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.oasissound-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.oasissound-theme .primary-200-outline input {
  caret-color: #87888e;
  color: #0f111d;
}
.oasissound-theme .primary-200-outline label {
  color: #87888e;
}
.oasissound-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #87888e !important;
}
.oasissound-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #87888e;
}
.oasissound-theme mat-form-field .primary-outline label {
  color: #0f111d !important;
}
.oasissound-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #0f111d !important;
}
.oasissound-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #0f111d !important;
}
.oasissound-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.oasissound-theme .input-primary input {
  caret-color: #0f111d;
  color: #0f111d;
}
.oasissound-theme .input-primary label {
  color: #0f111d;
}
.oasissound-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #0f111d !important;
}
.oasissound-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.oasissound-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #0f111d;
  border-width: 1px;
}
.oasissound-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.oasissound-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.oasissound-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.oasissound-theme .boton-recarga {
  background-color: #0f111d;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.oasissound-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.oasissound-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.oasissound-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.oasissound-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.oasissound-theme .header-container button {
  padding: 0 !important;
}
.oasissound-theme .header-container .mat-button {
  min-width: unset !important;
}
.oasissound-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.oasissound-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.oasissound-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.oasissound-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.oasissound-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.oasissound-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.oasissound-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.oasissound-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.oasissound-theme .input-recarga-marine {
  border: 1px solid #0f111d !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.oasissound-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.oasissound-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.oasissound-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.oasissound-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.oasissound-theme .color-primary {
  color: #0f111d !important;
  fill: #0f111d !important;
}
.oasissound-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.oasissound-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.oasissound-theme .primary-contrast {
  color: #ffffff !important;
}
.oasissound-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0f111d !important;
}
.oasissound-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0f111d !important;
}
.oasissound-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.oasissound-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0f111d !important;
}
.oasissound-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.oasissound-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.oasissound-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.oasissound-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #0f111d !important;
}
.oasissound-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #0f111d !important;
}
.oasissound-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #0f111d !important;
}
.oasissound-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #0f111d !important;
}
.oasissound-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f111d !important;
}
.oasissound-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.oasissound-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f111d !important;
}
.oasissound-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.oasissound-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0f111d !important;
}
.oasissound-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.oasissound-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.oasissound-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f111d !important;
}
.oasissound-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #005de8 !important;
}
.oasissound-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.oasissound-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f111d !important;
}
.oasissound-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #0f111d !important;
}
.oasissound-theme .mat-checkbox-checked .mat-checkbox-background,
.oasissound-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #0f111d !important;
}
.oasissound-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f111d !important;
}
.oasissound-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.oasissound-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f111d !important;
}
.oasissound-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.oasissound-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0f111d !important;
}
.oasissound-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #87888e !important;
}
.oasissound-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f111d !important;
}
.oasissound-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.oasissound-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.oasissound-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.oasissound-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.oasissound-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #0f111d !important;
}
.oasissound-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0f111d !important;
}
.oasissound-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f111d !important;
}
.oasissound-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.oasissound-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0f111d !important;
}
.oasissound-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f111d !important;
}
.oasissound-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0f111d !important;
}
.oasissound-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.oasissound-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.oasissound-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #0f111d !important;
}
.oasissound-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f111d !important;
}
.oasissound-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.oasissound-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.oasissound-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f111d !important;
}
.oasissound-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.oasissound-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.oasissound-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.oasissound-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f111d !important;
}
.oasissound-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.oasissound-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f111d !important;
}
.oasissound-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0f111d !important;
}
.oasissound-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f111d !important;
}
.oasissound-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.oasissound-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.oasissound-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.oasissound-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #0f111d !important;
}
.oasissound-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #0f111d !important;
}
.oasissound-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #005de8 !important;
}
.oasissound-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #005de8 !important;
}
.oasissound-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.oasissound-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0f111d !important;
}
.oasissound-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0f111d !important;
}
.oasissound-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.oasissound-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #0f111d !important;
}
.oasissound-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #0f111d !important;
}
.oasissound-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.oasissound-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.oasissound-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.oasissound-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #005de8 !important;
}
.oasissound-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #005de8 !important;
}
.oasissound-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.oasissound-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.oasissound-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #005de8 !important;
}
.oasissound-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #005de8 !important;
}
.oasissound-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #005de8 !important;
}
.oasissound-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #005de8 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.oasissound-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #005de8 !important;
}
.oasissound-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #005de8 !important;
}
.oasissound-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #0f111d !important;
}
.oasissound-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #0f111d !important;
}
.oasissound-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #0f111d !important;
}
.oasissound-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.oasissound-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.oasissound-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.oasissound-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.oasissound-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.oasissound-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #0f111d !important;
}
.oasissound-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #0f111d !important;
}
.oasissound-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #0f111d !important;
}
.oasissound-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #0f111d !important;
}
.oasissound-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #0f111d !important;
}
.oasissound-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #0f111d !important;
}
.oasissound-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.oasissound-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #0f111d !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.oasissound-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.oasissound-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.oasissound-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.oasissound-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.oasissound-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.oasissound-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #005de8 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.oasissound-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #0f111d !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #0f111d !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.oasissound-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #0f111d !important;
}
.oasissound-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.oasissound-theme .button-text-hidden {
  display: none;
}
.planbrutal-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #f29a38;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #000000;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #000000;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f29a38 87%, transparent);
  --mat-form-field-filled-caret-color: #f29a38;
  --mat-form-field-filled-focus-active-indicator-color: #f29a38;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f29a38 87%, transparent);
  --mat-form-field-outlined-caret-color: #f29a38;
  --mat-form-field-outlined-focus-outline-color: #f29a38;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f29a38 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #f29a38;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #f29a38;
  --mat-slide-toggle-selected-handle-color: #f29a38;
  --mat-slide-toggle-selected-hover-state-layer-color: #f29a38;
  --mat-slide-toggle-selected-pressed-state-layer-color: #f29a38;
  --mat-slide-toggle-selected-focus-handle-color: #f29a38;
  --mat-slide-toggle-selected-hover-handle-color: #f29a38;
  --mat-slide-toggle-selected-pressed-handle-color: #f29a38;
  --mat-slide-toggle-selected-focus-track-color: #f9c24d;
  --mat-slide-toggle-selected-hover-track-color: #f9c24d;
  --mat-slide-toggle-selected-pressed-track-color: #f9c24d;
  --mat-slide-toggle-selected-track-color: #f9c24d;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #f29a38;
  --mat-slider-focus-handle-color: #f29a38;
  --mat-slider-handle-color: #f29a38;
  --mat-slider-hover-handle-color: #f29a38;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #f29a38 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #f29a38 4%, transparent);
  --mat-slider-inactive-track-color: #f29a38;
  --mat-slider-ripple-color: #f29a38;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #f29a38;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #000000;
  --mat-checkbox-selected-hover-icon-color: #000000;
  --mat-checkbox-selected-icon-color: #000000;
  --mat-checkbox-selected-pressed-icon-color: #000000;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #000000;
  --mat-checkbox-selected-hover-state-layer-color: #000000;
  --mat-checkbox-selected-pressed-state-layer-color: #000000;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #f9c24d;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #f29a38;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #f29a38;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f29a38 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #000000 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #f29a38;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f29a38 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f29a38 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f29a38 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #f29a38;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #f29a38;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #f29a38;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #f29a38;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #f29a38;
  --mat-slide-toggle-selected-handle-color: #f29a38;
  --mat-slide-toggle-selected-hover-state-layer-color: #f29a38;
  --mat-slide-toggle-selected-pressed-state-layer-color: #f29a38;
  --mat-slide-toggle-selected-focus-handle-color: #f29a38;
  --mat-slide-toggle-selected-hover-handle-color: #f29a38;
  --mat-slide-toggle-selected-pressed-handle-color: #f29a38;
  --mat-slide-toggle-selected-focus-track-color: #f9c24d;
  --mat-slide-toggle-selected-hover-track-color: #f9c24d;
  --mat-slide-toggle-selected-pressed-track-color: #f9c24d;
  --mat-slide-toggle-selected-track-color: #f9c24d;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.planbrutal-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #000000;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.planbrutal-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.planbrutal-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #f29a38;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f29a38;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.planbrutal-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #000000;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #000000;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.planbrutal-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.planbrutal-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #f29a38;
  --mat-progress-bar-track-color: rgba(242, 154, 56, 0.25);
}
.planbrutal-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #000000;
  --mat-progress-bar-track-color: rgba(0, 0, 0, 0.25);
}
.planbrutal-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.planbrutal-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #000000 87%, transparent);
  --mat-form-field-filled-caret-color: #000000;
  --mat-form-field-filled-focus-active-indicator-color: #000000;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #000000 87%, transparent);
  --mat-form-field-outlined-caret-color: #000000;
  --mat-form-field-outlined-focus-outline-color: #000000;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #000000 87%, transparent);
}
.planbrutal-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.planbrutal-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #000000;
  --mat-select-invalid-arrow-color: #e74737;
}
.planbrutal-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.planbrutal-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.planbrutal-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.planbrutal-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.planbrutal-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #f29a38;
  --mat-chip-elevated-disabled-container-color: #f29a38;
  --mat-chip-elevated-selected-container-color: #f29a38;
  --mat-chip-flat-disabled-selected-container-color: #f29a38;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.planbrutal-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.planbrutal-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #000000;
  --mat-chip-elevated-disabled-container-color: #000000;
  --mat-chip-elevated-selected-container-color: #000000;
  --mat-chip-flat-disabled-selected-container-color: #000000;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.planbrutal-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.planbrutal-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.planbrutal-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.planbrutal-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.planbrutal-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #000000;
  --mat-slide-toggle-selected-handle-color: #000000;
  --mat-slide-toggle-selected-hover-state-layer-color: #000000;
  --mat-slide-toggle-selected-pressed-state-layer-color: #000000;
  --mat-slide-toggle-selected-focus-handle-color: #000000;
  --mat-slide-toggle-selected-hover-handle-color: #000000;
  --mat-slide-toggle-selected-pressed-handle-color: #000000;
  --mat-slide-toggle-selected-focus-track-color: #cbcbcb;
  --mat-slide-toggle-selected-hover-track-color: #cbcbcb;
  --mat-slide-toggle-selected-pressed-track-color: #cbcbcb;
  --mat-slide-toggle-selected-track-color: #cbcbcb;
}
.planbrutal-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.planbrutal-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.planbrutal-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #f29a38;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f29a38;
  --mat-radio-selected-hover-icon-color: #f29a38;
  --mat-radio-selected-icon-color: #f29a38;
  --mat-radio-selected-pressed-icon-color: #f29a38;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.planbrutal-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #000000;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #000000;
  --mat-radio-selected-hover-icon-color: #000000;
  --mat-radio-selected-icon-color: #000000;
  --mat-radio-selected-pressed-icon-color: #000000;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.planbrutal-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.planbrutal-theme .mat-accent {
  --mat-slider-active-track-color: #000000;
  --mat-slider-focus-handle-color: #000000;
  --mat-slider-handle-color: #000000;
  --mat-slider-hover-handle-color: #000000;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #000000 4%, transparent);
  --mat-slider-inactive-track-color: #000000;
  --mat-slider-ripple-color: #000000;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #000000;
}
.planbrutal-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.planbrutal-theme .mdc-list-item__start,
.planbrutal-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #f29a38;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f29a38;
  --mat-radio-selected-hover-icon-color: #f29a38;
  --mat-radio-selected-icon-color: #f29a38;
  --mat-radio-selected-pressed-icon-color: #f29a38;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.planbrutal-theme .mat-accent .mdc-list-item__start,
.planbrutal-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #000000;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #000000;
  --mat-radio-selected-hover-icon-color: #000000;
  --mat-radio-selected-icon-color: #000000;
  --mat-radio-selected-pressed-icon-color: #000000;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.planbrutal-theme .mat-warn .mdc-list-item__start,
.planbrutal-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.planbrutal-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #f29a38;
  --mat-checkbox-selected-hover-icon-color: #f29a38;
  --mat-checkbox-selected-icon-color: #f29a38;
  --mat-checkbox-selected-pressed-icon-color: #f29a38;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f29a38;
  --mat-checkbox-selected-hover-state-layer-color: #f29a38;
  --mat-checkbox-selected-pressed-state-layer-color: #f29a38;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.planbrutal-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #000000;
  --mat-checkbox-selected-hover-icon-color: #000000;
  --mat-checkbox-selected-icon-color: #000000;
  --mat-checkbox-selected-pressed-icon-color: #000000;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #000000;
  --mat-checkbox-selected-hover-state-layer-color: #000000;
  --mat-checkbox-selected-pressed-state-layer-color: #000000;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.planbrutal-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.planbrutal-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.planbrutal-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.planbrutal-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.planbrutal-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #f29a38;
}
.planbrutal-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.planbrutal-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.planbrutal-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.planbrutal-theme .mdc-list-item__start,
.planbrutal-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.planbrutal-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.planbrutal-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.planbrutal-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.planbrutal-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.planbrutal-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.planbrutal-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.planbrutal-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.planbrutal-theme .mat-mdc-tab-group,
.planbrutal-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #f29a38;
  --mat-tab-active-ripple-color: #f29a38;
  --mat-tab-inactive-ripple-color: #f29a38;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #f29a38;
  --mat-tab-active-hover-label-text-color: #f29a38;
  --mat-tab-active-focus-indicator-color: #f29a38;
  --mat-tab-active-hover-indicator-color: #f29a38;
  --mat-tab-active-indicator-color: #f29a38;
}
.planbrutal-theme .mat-mdc-tab-group.mat-accent,
.planbrutal-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #000000;
  --mat-tab-active-ripple-color: #000000;
  --mat-tab-inactive-ripple-color: #000000;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #000000;
  --mat-tab-active-hover-label-text-color: #000000;
  --mat-tab-active-focus-indicator-color: #000000;
  --mat-tab-active-hover-indicator-color: #000000;
  --mat-tab-active-indicator-color: #000000;
}
.planbrutal-theme .mat-mdc-tab-group.mat-warn,
.planbrutal-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.planbrutal-theme .mat-mdc-tab-group.mat-background-primary,
.planbrutal-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #f29a38;
  --mat-tab-foreground-color: #ffffff;
}
.planbrutal-theme .mat-mdc-tab-group.mat-background-accent,
.planbrutal-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #000000;
  --mat-tab-foreground-color: #000000;
}
.planbrutal-theme .mat-mdc-tab-group.mat-background-warn,
.planbrutal-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.planbrutal-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.planbrutal-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.planbrutal-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #f29a38;
  --mat-checkbox-selected-hover-icon-color: #f29a38;
  --mat-checkbox-selected-icon-color: #f29a38;
  --mat-checkbox-selected-pressed-icon-color: #f29a38;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f29a38;
  --mat-checkbox-selected-hover-state-layer-color: #f29a38;
  --mat-checkbox-selected-pressed-state-layer-color: #f29a38;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.planbrutal-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.planbrutal-theme .mat-mdc-button.mat-primary,
.planbrutal-theme .mat-mdc-unelevated-button.mat-primary,
.planbrutal-theme .mat-mdc-raised-button.mat-primary,
.planbrutal-theme .mat-mdc-outlined-button.mat-primary,
.planbrutal-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #f29a38;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #f29a38;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #f29a38 12%, transparent);
  --mat-button-outlined-state-layer-color: #f29a38;
  --mat-button-protected-container-color: #f29a38;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #f29a38;
  --mat-button-text-ripple-color: color-mix(in srgb, #f29a38 12%, transparent);
  --mat-button-text-state-layer-color: #f29a38;
  --mat-button-tonal-container-color: #f29a38;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.planbrutal-theme .mat-mdc-button.mat-accent,
.planbrutal-theme .mat-mdc-unelevated-button.mat-accent,
.planbrutal-theme .mat-mdc-raised-button.mat-accent,
.planbrutal-theme .mat-mdc-outlined-button.mat-accent,
.planbrutal-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #000000;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #000000;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-outlined-state-layer-color: #000000;
  --mat-button-protected-container-color: #000000;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #000000;
  --mat-button-text-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-text-state-layer-color: #000000;
  --mat-button-tonal-container-color: #000000;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.planbrutal-theme .mat-mdc-button.mat-warn,
.planbrutal-theme .mat-mdc-unelevated-button.mat-warn,
.planbrutal-theme .mat-mdc-raised-button.mat-warn,
.planbrutal-theme .mat-mdc-outlined-button.mat-warn,
.planbrutal-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.planbrutal-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #f29a38;
  --mat-icon-button-state-layer-color: #f29a38;
  --mat-icon-button-ripple-color: color-mix(in srgb, #f29a38 12%, transparent);
}
.planbrutal-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #000000;
  --mat-icon-button-state-layer-color: #000000;
  --mat-icon-button-ripple-color: color-mix(in srgb, #000000 12%, transparent);
}
.planbrutal-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.planbrutal-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.planbrutal-theme .mat-mdc-fab.mat-primary,
.planbrutal-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #f29a38;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #f29a38 12%, transparent);
  --mat-fab-small-container-color: #f29a38;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.planbrutal-theme .mat-mdc-fab.mat-accent,
.planbrutal-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #000000;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-container-color: #000000;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.planbrutal-theme .mat-mdc-fab.mat-warn,
.planbrutal-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.planbrutal-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #000000;
}
.planbrutal-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.planbrutal-theme .mat-badge-accent {
  --mat-badge-background-color: #000000;
  --mat-badge-text-color: #000000;
}
.planbrutal-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.planbrutal-theme .mat-datepicker-content.mat-accent,
.planbrutal-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #000000 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #000000 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #000000;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #000000 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #000000 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #000000;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.planbrutal-theme .mat-datepicker-content.mat-warn,
.planbrutal-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #000000 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.planbrutal-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.planbrutal-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.planbrutal-theme .mat-icon.mat-primary {
  --mat-icon-color: #f29a38;
}
.planbrutal-theme .mat-icon.mat-accent {
  --mat-icon-color: #000000;
}
.planbrutal-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.planbrutal-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #000000;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #000000;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #000000;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.planbrutal-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.planbrutal-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #f29a38;
  --mat-toolbar-container-text-color: #ffffff;
}
.planbrutal-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #000000;
  --mat-toolbar-container-text-color: #000000;
}
.planbrutal-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.planbrutal-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #000000;
  --mat-slide-toggle-selected-handle-color: #000000;
  --mat-slide-toggle-selected-hover-state-layer-color: #000000;
  --mat-slide-toggle-selected-pressed-state-layer-color: #000000;
  --mat-slide-toggle-selected-focus-handle-color: #000000;
  --mat-slide-toggle-selected-hover-handle-color: #000000;
  --mat-slide-toggle-selected-pressed-handle-color: #000000;
  --mat-slide-toggle-selected-focus-track-color: #cbcbcb;
  --mat-slide-toggle-selected-hover-track-color: #cbcbcb;
  --mat-slide-toggle-selected-pressed-track-color: #cbcbcb;
  --mat-slide-toggle-selected-track-color: #cbcbcb;
}
.planbrutal-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.planbrutal-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.planbrutal-theme .back-container {
  color: #f29a38;
}
.planbrutal-theme .back-container:hover {
  opacity: 0.54;
}
.planbrutal-theme .warn-text {
  color: #e74737;
}
.planbrutal-theme .inside-modal-title.primary-colored-title,
.planbrutal-theme .form-title.primary-colored-title {
  color: #f29a38;
}
.planbrutal-theme .full-height-container form .button-container {
  background: white;
}
.planbrutal-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.planbrutal-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.planbrutal-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.planbrutal-theme .box-checkbox.active-box-checkbox {
  background-color: #f29a38;
  color: white;
}
.planbrutal-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.planbrutal-theme .box-radio.active-box-radio {
  background-color: #f29a38;
  color: white;
}
.planbrutal-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.planbrutal-theme .error {
  color: #e74737;
}
.planbrutal-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.planbrutal-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.planbrutal-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.planbrutal-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.planbrutal-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.planbrutal-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.planbrutal-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.planbrutal-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.planbrutal-theme .ql-snow .ql-picker-options {
  background: white;
}
.planbrutal-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.planbrutal-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.planbrutal-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.planbrutal-theme .ql-snow .ql-fill,
.planbrutal-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.planbrutal-theme .ql-snow.ql-toolbar button:hover,
.planbrutal-theme .ql-snow .ql-toolbar button:hover,
.planbrutal-theme .ql-snow.ql-toolbar button:focus,
.planbrutal-theme .ql-snow .ql-toolbar button:focus,
.planbrutal-theme .ql-snow.ql-toolbar button.ql-active,
.planbrutal-theme .ql-snow .ql-toolbar button.ql-active,
.planbrutal-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.planbrutal-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.planbrutal-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.planbrutal-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.planbrutal-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.planbrutal-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.planbrutal-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.planbrutal-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.planbrutal-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.planbrutal-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.planbrutal-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.planbrutal-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.planbrutal-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.planbrutal-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.planbrutal-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.planbrutal-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.planbrutal-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.planbrutal-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.planbrutal-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.planbrutal-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.planbrutal-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.planbrutal-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.planbrutal-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.planbrutal-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.planbrutal-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.planbrutal-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.planbrutal-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.planbrutal-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.planbrutal-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.planbrutal-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.planbrutal-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.planbrutal-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.planbrutal-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.planbrutal-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.planbrutal-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.planbrutal-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.planbrutal-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.planbrutal-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.planbrutal-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.planbrutal-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.planbrutal-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.planbrutal-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.planbrutal-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.planbrutal-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.planbrutal-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.planbrutal-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.planbrutal-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.planbrutal-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.planbrutal-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.planbrutal-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.planbrutal-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.planbrutal-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.planbrutal-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.planbrutal-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.planbrutal-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.planbrutal-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.planbrutal-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.planbrutal-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.planbrutal-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.planbrutal-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.planbrutal-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.planbrutal-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.planbrutal-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.planbrutal-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.planbrutal-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.planbrutal-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.planbrutal-theme bee-form-item {
  margin-right: 0 !important;
}
.planbrutal-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.planbrutal-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #f29a38;
  height: 38px !important;
}
.planbrutal-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.planbrutal-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.planbrutal-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.planbrutal-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.planbrutal-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.planbrutal-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.planbrutal-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.planbrutal-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.planbrutal-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .planbrutal-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.planbrutal-theme .general-container .label-wrapper label {
  color: #f29a38 !important;
  background-color: white;
}
.planbrutal-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.planbrutal-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.planbrutal-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.planbrutal-theme .general-container .bee-selector .bee-selector-container {
  border-color: #f29a38 !important;
}
.planbrutal-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.planbrutal-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.planbrutal-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.planbrutal-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.planbrutal-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.planbrutal-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.planbrutal-theme .general-container .bee-selector .bee-selector-container:focus,
.planbrutal-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #f29a38;
}
.planbrutal-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.planbrutal-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #f29a38;
}
.planbrutal-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.planbrutal-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #f29a38;
}
.planbrutal-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.planbrutal-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.planbrutal-theme .general-container .bee-dropdown {
  background: white;
}
.planbrutal-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #f29a38;
}
.planbrutal-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.planbrutal-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.planbrutal-theme .general-container .selector-error {
  color: #e74737;
}
.planbrutal-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.planbrutal-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.planbrutal-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.planbrutal-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.planbrutal-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #f29a38;
}
.planbrutal-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.planbrutal-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.planbrutal-theme .move-image-action-container:hover {
  color: #f29a38;
}
.planbrutal-theme .info-icon {
  color: #f29a38;
}
.planbrutal-theme .email-chip {
  color: #f29a38 !important;
  background-color: rgba(242, 154, 56, 0.15) !important;
}
.planbrutal-theme .email-chip .mat-chip-remove {
  color: #f29a38 !important;
  opacity: 1 !important;
}
.planbrutal-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.planbrutal-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.planbrutal-theme .mat-badge-content {
  color: #f29a38 !important;
}
.planbrutal-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #f29a38 !important;
}
.planbrutal-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #f29a38 !important;
}
.planbrutal-theme #circle-lleno {
  background: #ee3d23;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.planbrutal-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.planbrutal-theme .marine-color {
  color: #0f223e !important;
}
.planbrutal-theme .primary-color {
  color: #f29a38 !important;
}
.planbrutal-theme .gray-color {
  color: #C0C4CA !important;
}
.planbrutal-theme .primary-color-200 {
  color: #fbd480 !important;
}
.planbrutal-theme svg.primary-fill-svg {
  fill: #f29a38 !important;
}
.planbrutal-theme .primary-fill {
  fill: #f29a38 !important;
}
.planbrutal-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.planbrutal-theme .primary-border-50 {
  border-color: #fef5e0 !important;
}
.planbrutal-theme .primary-border-100 {
  border-color: #fce5b3 !important;
}
.planbrutal-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.planbrutal-theme .transparent-border-100 {
  border-color: transparent !important;
}
.planbrutal-theme .primary-border-200 {
  border-color: #fbd480 !important;
}
.planbrutal-theme .primary-indicator .mat-expansion-indicator:after {
  color: #f29a38;
}
.planbrutal-theme .contrast-background {
  background-color: #ffffff !important;
}
.planbrutal-theme .primary-color-small {
  color: rgba(242, 154, 56, 0.6);
}
.planbrutal-theme .marine-background {
  background-color: #0f223e !important;
}
.planbrutal-theme .primary-background {
  background-color: #f29a38 !important;
}
.planbrutal-theme .primary-background-50 {
  background-color: #fef5e0 !important;
}
.planbrutal-theme .primary-background-200 {
  background-color: #fbd480 !important;
}
.planbrutal-theme .primary-background-800 {
  background-color: #f28d00 !important;
}
.planbrutal-theme .white-color {
  color: white !important;
}
.planbrutal-theme .secondary-color {
  color: #ee3d23 !important;
}
.planbrutal-theme .secondary-background {
  background-color: #ee3d23 !important;
}
.planbrutal-theme .secondary-background-semi {
  background-color: #f29a38 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #f29a38 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.planbrutal-theme .secondary-background-full {
  background-color: #f29a38 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #f29a38 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.planbrutal-theme .secondary-background-empty {
  background-color: #f29a38 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #f29a38 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.planbrutal-theme .secondary-border {
  background-color: #ee3d23 !important;
}
.planbrutal-theme .tertiary-color {
  color: #ee3d23 !important;
}
.planbrutal-theme button.button-tertiary {
  background-color: #ee3d23 !important;
  color: #f29a38 !important;
  border: 1px solid #f29a38 !important;
}
.planbrutal-theme span.red-text {
  color: #DB1F35 !important;
}
.planbrutal-theme .tertiary-background {
  background-color: #ee3d23 !important;
}
.planbrutal-theme .tertiary-border {
  border-color: #ee3d23 !important;
}
.planbrutal-theme .dark-background {
  background-color: black !important;
}
.planbrutal-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.planbrutal-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.planbrutal-theme .primary-soft-background {
  background-color: rgba(242, 154, 56, 0.1) !important;
}
.planbrutal-theme .primary-soft-background:hover {
  background-color: rgba(242, 154, 56, 0.15) !important;
}
.planbrutal-theme .primary-border {
  border-color: #f29a38 !important;
}
.planbrutal-theme .default-background {
  background-color: #fafafa !important;
}
.planbrutal-theme .hover-primary:hover {
  color: #f29a38 !important;
}
.planbrutal-theme .hover-primary-background:hover {
  background-color: #f29a38 !important;
}
.planbrutal-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.planbrutal-theme .warn-color {
  color: #e74737 !important;
}
.planbrutal-theme .warn-border {
  border-color: #e74737 !important;
}
.planbrutal-theme .accent-color {
  color: #000000 !important;
}
.planbrutal-theme .accent-background {
  background-color: #000000 !important;
}
.planbrutal-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.planbrutal-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.planbrutal-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.planbrutal-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.planbrutal-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.planbrutal-theme .dialog-table tr .action-icon {
  color: transparent;
}
.planbrutal-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.planbrutal-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.planbrutal-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #f29a38;
}
.planbrutal-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.planbrutal-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.planbrutal-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.planbrutal-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.planbrutal-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.planbrutal-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.planbrutal-theme .card-table tr .action-icon {
  color: transparent;
}
.planbrutal-theme .card-table tr .action-icon button {
  color: transparent;
}
.planbrutal-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.planbrutal-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.planbrutal-theme .card-table tr:hover .action-icon button {
  color: #f29a38;
}
.planbrutal-theme .card-table tr:hover .action-icon:hover {
  color: #f29a38;
}
.planbrutal-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.planbrutal-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.planbrutal-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.planbrutal-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.planbrutal-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #f29a38;
}
.planbrutal-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.planbrutal-theme .no-hover-table tr:hover {
  background: white;
}
.planbrutal-theme .custom-standard-chip {
  background-color: rgba(242, 154, 56, 0.1) !important;
  color: #f29a38 !important;
}
.planbrutal-theme .help-dashboard-card .mat-icon {
  color: #f29a38;
}
.planbrutal-theme .help-dashboard-card:hover {
  background-color: #f29a38;
}
.planbrutal-theme .help-dashboard-card:hover .mat-icon,
.planbrutal-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.planbrutal-theme .room-open {
  background-color: #f29a38 !important;
  color: white !important;
}
.planbrutal-theme .room-open:hover {
  background-color: #f29a38 !important;
  color: white !important;
}
.planbrutal-theme #public-office-page-groups .public-group-button-hover {
  background-color: #f29a38 !important;
  color: white !important;
}
.planbrutal-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.planbrutal-theme .notification-container .show-tip {
  color: transparent;
}
.planbrutal-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.planbrutal-theme .notification-container:hover .show-tip {
  color: #f29a38;
}
.planbrutal-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.planbrutal-theme .notification-container .notification-subject .mat-icon {
  color: #f29a38;
}
.planbrutal-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.planbrutal-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.planbrutal-theme .message-container .show-tip {
  color: transparent;
}
.planbrutal-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.planbrutal-theme .message-container:hover .show-tip {
  color: #f29a38;
}
.planbrutal-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.planbrutal-theme .message-container .message-subject .mat-icon {
  color: #f29a38;
}
.planbrutal-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.planbrutal-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.planbrutal-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.planbrutal-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.planbrutal-theme .primary-200-outline input {
  caret-color: #fbd480;
  color: #f29a38;
}
.planbrutal-theme .primary-200-outline label {
  color: #fbd480;
}
.planbrutal-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #fbd480 !important;
}
.planbrutal-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #fbd480;
}
.planbrutal-theme mat-form-field .primary-outline label {
  color: #f29a38 !important;
}
.planbrutal-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #f29a38 !important;
}
.planbrutal-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #f29a38 !important;
}
.planbrutal-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.planbrutal-theme .input-primary input {
  caret-color: #f29a38;
  color: #f29a38;
}
.planbrutal-theme .input-primary label {
  color: #f29a38;
}
.planbrutal-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #f29a38 !important;
}
.planbrutal-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.planbrutal-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #f29a38;
  border-width: 1px;
}
.planbrutal-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.planbrutal-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.planbrutal-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.planbrutal-theme .boton-recarga {
  background-color: #f29a38;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.planbrutal-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.planbrutal-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
}
.planbrutal-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.planbrutal-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.planbrutal-theme .header-container button {
  padding: 0 !important;
}
.planbrutal-theme .header-container .mat-button {
  min-width: unset !important;
}
.planbrutal-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.planbrutal-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.planbrutal-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.planbrutal-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.planbrutal-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.planbrutal-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.planbrutal-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.planbrutal-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.planbrutal-theme .input-recarga-marine {
  border: 1px solid #f29a38 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.planbrutal-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.planbrutal-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.planbrutal-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.planbrutal-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.planbrutal-theme .color-primary {
  color: #f29a38 !important;
  fill: #f29a38 !important;
}
.planbrutal-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.planbrutal-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.planbrutal-theme .primary-contrast {
  color: #ffffff !important;
}
.planbrutal-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #f29a38 !important;
}
.planbrutal-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #f29a38 !important;
}
.planbrutal-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.planbrutal-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #f29a38 !important;
}
.planbrutal-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.planbrutal-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.planbrutal-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.planbrutal-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #f29a38 !important;
}
.planbrutal-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #f29a38 !important;
}
.planbrutal-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #f29a38 !important;
}
.planbrutal-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #f29a38 !important;
}
.planbrutal-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #f29a38 !important;
}
.planbrutal-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.planbrutal-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #f29a38 !important;
}
.planbrutal-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.planbrutal-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #f29a38 !important;
}
.planbrutal-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.planbrutal-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.planbrutal-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #f29a38 !important;
}
.planbrutal-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #ee3d23 !important;
}
.planbrutal-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.planbrutal-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #f29a38 !important;
}
.planbrutal-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #f29a38 !important;
}
.planbrutal-theme .mat-checkbox-checked .mat-checkbox-background,
.planbrutal-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #f29a38 !important;
}
.planbrutal-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #f29a38 !important;
}
.planbrutal-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.planbrutal-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #f29a38 !important;
}
.planbrutal-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.planbrutal-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #f29a38 !important;
}
.planbrutal-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #fbd480 !important;
}
.planbrutal-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #f29a38 !important;
}
.planbrutal-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.planbrutal-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.planbrutal-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.planbrutal-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.planbrutal-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #f29a38 !important;
}
.planbrutal-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #f29a38 !important;
}
.planbrutal-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #f29a38 !important;
}
.planbrutal-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.planbrutal-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #f29a38 !important;
}
.planbrutal-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #f29a38 !important;
}
.planbrutal-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #f29a38 !important;
}
.planbrutal-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.planbrutal-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.planbrutal-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #f29a38 !important;
}
.planbrutal-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #f29a38 !important;
}
.planbrutal-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.planbrutal-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.planbrutal-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #f29a38 !important;
}
.planbrutal-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.planbrutal-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.planbrutal-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.planbrutal-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #f29a38 !important;
}
.planbrutal-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.planbrutal-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #f29a38 !important;
}
.planbrutal-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #f29a38 !important;
}
.planbrutal-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #f29a38 !important;
}
.planbrutal-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.planbrutal-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.planbrutal-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.planbrutal-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #f29a38 !important;
}
.planbrutal-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #f29a38 !important;
}
.planbrutal-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ee3d23 !important;
}
.planbrutal-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ee3d23 !important;
}
.planbrutal-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.planbrutal-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #f29a38 !important;
}
.planbrutal-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #f29a38 !important;
}
.planbrutal-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.planbrutal-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #f29a38 !important;
}
.planbrutal-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #f29a38 !important;
}
.planbrutal-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.planbrutal-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.planbrutal-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.planbrutal-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ee3d23 !important;
}
.planbrutal-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ee3d23 !important;
}
.planbrutal-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.planbrutal-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.planbrutal-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ee3d23 !important;
}
.planbrutal-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ee3d23 !important;
}
.planbrutal-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ee3d23 !important;
}
.planbrutal-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ee3d23 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.planbrutal-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ee3d23 !important;
}
.planbrutal-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #ee3d23 !important;
}
.planbrutal-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #f29a38 !important;
}
.planbrutal-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #f29a38 !important;
}
.planbrutal-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #f29a38 !important;
}
.planbrutal-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.planbrutal-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.planbrutal-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.planbrutal-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.planbrutal-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.planbrutal-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #f29a38 !important;
}
.planbrutal-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #f29a38 !important;
}
.planbrutal-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #f29a38 !important;
}
.planbrutal-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #f29a38 !important;
}
.planbrutal-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #f29a38 !important;
}
.planbrutal-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #f29a38 !important;
}
.planbrutal-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.planbrutal-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #f29a38 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.planbrutal-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.planbrutal-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.planbrutal-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.planbrutal-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.planbrutal-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.planbrutal-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #ee3d23 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.planbrutal-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #f29a38 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #f29a38 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.planbrutal-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #f29a38 !important;
}
.planbrutal-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.planbrutal-theme .button-text-hidden {
  display: none;
}
.prestosofest-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #e74107;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74107 87%, transparent);
  --mat-form-field-filled-caret-color: #e74107;
  --mat-form-field-filled-focus-active-indicator-color: #e74107;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74107 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74107;
  --mat-form-field-outlined-focus-outline-color: #e74107;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74107 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74107;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74107;
  --mat-slide-toggle-selected-handle-color: #e74107;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74107;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74107;
  --mat-slide-toggle-selected-focus-handle-color: #e74107;
  --mat-slide-toggle-selected-hover-handle-color: #e74107;
  --mat-slide-toggle-selected-pressed-handle-color: #e74107;
  --mat-slide-toggle-selected-focus-track-color: #ee7a51;
  --mat-slide-toggle-selected-hover-track-color: #ee7a51;
  --mat-slide-toggle-selected-pressed-track-color: #ee7a51;
  --mat-slide-toggle-selected-track-color: #ee7a51;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #e74107;
  --mat-slider-focus-handle-color: #e74107;
  --mat-slider-handle-color: #e74107;
  --mat-slider-hover-handle-color: #e74107;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74107 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74107 4%, transparent);
  --mat-slider-inactive-track-color: #e74107;
  --mat-slider-ripple-color: #e74107;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74107;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #ee7a51;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #e74107;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #e74107;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74107 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74107;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74107 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74107 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74107 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74107;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74107;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74107;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74107;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74107;
  --mat-slide-toggle-selected-handle-color: #e74107;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74107;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74107;
  --mat-slide-toggle-selected-focus-handle-color: #e74107;
  --mat-slide-toggle-selected-hover-handle-color: #e74107;
  --mat-slide-toggle-selected-pressed-handle-color: #e74107;
  --mat-slide-toggle-selected-focus-track-color: #ee7a51;
  --mat-slide-toggle-selected-hover-track-color: #ee7a51;
  --mat-slide-toggle-selected-pressed-track-color: #ee7a51;
  --mat-slide-toggle-selected-track-color: #ee7a51;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.prestosofest-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.prestosofest-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.prestosofest-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74107;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74107;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.prestosofest-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.prestosofest-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.prestosofest-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #e74107;
  --mat-progress-bar-track-color: rgba(231, 65, 7, 0.25);
}
.prestosofest-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.prestosofest-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.prestosofest-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.prestosofest-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.prestosofest-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.prestosofest-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.prestosofest-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.prestosofest-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.prestosofest-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.prestosofest-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74107;
  --mat-chip-elevated-disabled-container-color: #e74107;
  --mat-chip-elevated-selected-container-color: #e74107;
  --mat-chip-flat-disabled-selected-container-color: #e74107;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.prestosofest-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.prestosofest-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.prestosofest-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.prestosofest-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.prestosofest-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.prestosofest-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.prestosofest-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.prestosofest-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.prestosofest-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.prestosofest-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #e74107;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74107;
  --mat-radio-selected-hover-icon-color: #e74107;
  --mat-radio-selected-icon-color: #e74107;
  --mat-radio-selected-pressed-icon-color: #e74107;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.prestosofest-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.prestosofest-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.prestosofest-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.prestosofest-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.prestosofest-theme .mdc-list-item__start,
.prestosofest-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74107;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74107;
  --mat-radio-selected-hover-icon-color: #e74107;
  --mat-radio-selected-icon-color: #e74107;
  --mat-radio-selected-pressed-icon-color: #e74107;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.prestosofest-theme .mat-accent .mdc-list-item__start,
.prestosofest-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.prestosofest-theme .mat-warn .mdc-list-item__start,
.prestosofest-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.prestosofest-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74107;
  --mat-checkbox-selected-hover-icon-color: #e74107;
  --mat-checkbox-selected-icon-color: #e74107;
  --mat-checkbox-selected-pressed-icon-color: #e74107;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74107;
  --mat-checkbox-selected-hover-state-layer-color: #e74107;
  --mat-checkbox-selected-pressed-state-layer-color: #e74107;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.prestosofest-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.prestosofest-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.prestosofest-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.prestosofest-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.prestosofest-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.prestosofest-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #e74107;
}
.prestosofest-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.prestosofest-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.prestosofest-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.prestosofest-theme .mdc-list-item__start,
.prestosofest-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.prestosofest-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.prestosofest-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.prestosofest-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.prestosofest-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.prestosofest-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.prestosofest-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.prestosofest-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.prestosofest-theme .mat-mdc-tab-group,
.prestosofest-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74107;
  --mat-tab-active-ripple-color: #e74107;
  --mat-tab-inactive-ripple-color: #e74107;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74107;
  --mat-tab-active-hover-label-text-color: #e74107;
  --mat-tab-active-focus-indicator-color: #e74107;
  --mat-tab-active-hover-indicator-color: #e74107;
  --mat-tab-active-indicator-color: #e74107;
}
.prestosofest-theme .mat-mdc-tab-group.mat-accent,
.prestosofest-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.prestosofest-theme .mat-mdc-tab-group.mat-warn,
.prestosofest-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.prestosofest-theme .mat-mdc-tab-group.mat-background-primary,
.prestosofest-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #e74107;
  --mat-tab-foreground-color: #ffffff;
}
.prestosofest-theme .mat-mdc-tab-group.mat-background-accent,
.prestosofest-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.prestosofest-theme .mat-mdc-tab-group.mat-background-warn,
.prestosofest-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.prestosofest-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.prestosofest-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.prestosofest-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74107;
  --mat-checkbox-selected-hover-icon-color: #e74107;
  --mat-checkbox-selected-icon-color: #e74107;
  --mat-checkbox-selected-pressed-icon-color: #e74107;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74107;
  --mat-checkbox-selected-hover-state-layer-color: #e74107;
  --mat-checkbox-selected-pressed-state-layer-color: #e74107;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.prestosofest-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.prestosofest-theme .mat-mdc-button.mat-primary,
.prestosofest-theme .mat-mdc-unelevated-button.mat-primary,
.prestosofest-theme .mat-mdc-raised-button.mat-primary,
.prestosofest-theme .mat-mdc-outlined-button.mat-primary,
.prestosofest-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #e74107;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74107;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74107 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74107;
  --mat-button-protected-container-color: #e74107;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74107;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74107 12%, transparent);
  --mat-button-text-state-layer-color: #e74107;
  --mat-button-tonal-container-color: #e74107;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.prestosofest-theme .mat-mdc-button.mat-accent,
.prestosofest-theme .mat-mdc-unelevated-button.mat-accent,
.prestosofest-theme .mat-mdc-raised-button.mat-accent,
.prestosofest-theme .mat-mdc-outlined-button.mat-accent,
.prestosofest-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.prestosofest-theme .mat-mdc-button.mat-warn,
.prestosofest-theme .mat-mdc-unelevated-button.mat-warn,
.prestosofest-theme .mat-mdc-raised-button.mat-warn,
.prestosofest-theme .mat-mdc-outlined-button.mat-warn,
.prestosofest-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.prestosofest-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #e74107;
  --mat-icon-button-state-layer-color: #e74107;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74107 12%, transparent);
}
.prestosofest-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.prestosofest-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.prestosofest-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.prestosofest-theme .mat-mdc-fab.mat-primary,
.prestosofest-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #e74107;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74107 12%, transparent);
  --mat-fab-small-container-color: #e74107;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.prestosofest-theme .mat-mdc-fab.mat-accent,
.prestosofest-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.prestosofest-theme .mat-mdc-fab.mat-warn,
.prestosofest-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.prestosofest-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.prestosofest-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.prestosofest-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.prestosofest-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.prestosofest-theme .mat-datepicker-content.mat-accent,
.prestosofest-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.prestosofest-theme .mat-datepicker-content.mat-warn,
.prestosofest-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.prestosofest-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.prestosofest-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.prestosofest-theme .mat-icon.mat-primary {
  --mat-icon-color: #e74107;
}
.prestosofest-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.prestosofest-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.prestosofest-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.prestosofest-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.prestosofest-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #e74107;
  --mat-toolbar-container-text-color: #ffffff;
}
.prestosofest-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.prestosofest-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.prestosofest-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.prestosofest-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.prestosofest-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.prestosofest-theme .back-container {
  color: #e74107;
}
.prestosofest-theme .back-container:hover {
  opacity: 0.54;
}
.prestosofest-theme .warn-text {
  color: #e74737;
}
.prestosofest-theme .inside-modal-title.primary-colored-title,
.prestosofest-theme .form-title.primary-colored-title {
  color: #e74107;
}
.prestosofest-theme .full-height-container form .button-container {
  background: white;
}
.prestosofest-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.prestosofest-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.prestosofest-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.prestosofest-theme .box-checkbox.active-box-checkbox {
  background-color: #e74107;
  color: white;
}
.prestosofest-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.prestosofest-theme .box-radio.active-box-radio {
  background-color: #e74107;
  color: white;
}
.prestosofest-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.prestosofest-theme .error {
  color: #e74737;
}
.prestosofest-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.prestosofest-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.prestosofest-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.prestosofest-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.prestosofest-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.prestosofest-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.prestosofest-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.prestosofest-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.prestosofest-theme .ql-snow .ql-picker-options {
  background: white;
}
.prestosofest-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.prestosofest-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.prestosofest-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.prestosofest-theme .ql-snow .ql-fill,
.prestosofest-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.prestosofest-theme .ql-snow.ql-toolbar button:hover,
.prestosofest-theme .ql-snow .ql-toolbar button:hover,
.prestosofest-theme .ql-snow.ql-toolbar button:focus,
.prestosofest-theme .ql-snow .ql-toolbar button:focus,
.prestosofest-theme .ql-snow.ql-toolbar button.ql-active,
.prestosofest-theme .ql-snow .ql-toolbar button.ql-active,
.prestosofest-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.prestosofest-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.prestosofest-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.prestosofest-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.prestosofest-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.prestosofest-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.prestosofest-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.prestosofest-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.prestosofest-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.prestosofest-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.prestosofest-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.prestosofest-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.prestosofest-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.prestosofest-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.prestosofest-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.prestosofest-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.prestosofest-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.prestosofest-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.prestosofest-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.prestosofest-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.prestosofest-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.prestosofest-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.prestosofest-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.prestosofest-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.prestosofest-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.prestosofest-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.prestosofest-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.prestosofest-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.prestosofest-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.prestosofest-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.prestosofest-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.prestosofest-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.prestosofest-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.prestosofest-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.prestosofest-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.prestosofest-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.prestosofest-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.prestosofest-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.prestosofest-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.prestosofest-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.prestosofest-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.prestosofest-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.prestosofest-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.prestosofest-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.prestosofest-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.prestosofest-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.prestosofest-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.prestosofest-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.prestosofest-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.prestosofest-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.prestosofest-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.prestosofest-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.prestosofest-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.prestosofest-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.prestosofest-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.prestosofest-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.prestosofest-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.prestosofest-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.prestosofest-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.prestosofest-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.prestosofest-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.prestosofest-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.prestosofest-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.prestosofest-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.prestosofest-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.prestosofest-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.prestosofest-theme bee-form-item {
  margin-right: 0 !important;
}
.prestosofest-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.prestosofest-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #e74107;
  height: 38px !important;
}
.prestosofest-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.prestosofest-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.prestosofest-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.prestosofest-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.prestosofest-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.prestosofest-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.prestosofest-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.prestosofest-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.prestosofest-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .prestosofest-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.prestosofest-theme .general-container .label-wrapper label {
  color: #e74107 !important;
  background-color: white;
}
.prestosofest-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.prestosofest-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.prestosofest-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.prestosofest-theme .general-container .bee-selector .bee-selector-container {
  border-color: #e74107 !important;
}
.prestosofest-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.prestosofest-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.prestosofest-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.prestosofest-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.prestosofest-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.prestosofest-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.prestosofest-theme .general-container .bee-selector .bee-selector-container:focus,
.prestosofest-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #e74107;
}
.prestosofest-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.prestosofest-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #e74107;
}
.prestosofest-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.prestosofest-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #e74107;
}
.prestosofest-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.prestosofest-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.prestosofest-theme .general-container .bee-dropdown {
  background: white;
}
.prestosofest-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #e74107;
}
.prestosofest-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.prestosofest-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.prestosofest-theme .general-container .selector-error {
  color: #e74737;
}
.prestosofest-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.prestosofest-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.prestosofest-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.prestosofest-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.prestosofest-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #e74107;
}
.prestosofest-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.prestosofest-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.prestosofest-theme .move-image-action-container:hover {
  color: #e74107;
}
.prestosofest-theme .info-icon {
  color: #e74107;
}
.prestosofest-theme .email-chip {
  color: #e74107 !important;
  background-color: rgba(231, 65, 7, 0.15) !important;
}
.prestosofest-theme .email-chip .mat-chip-remove {
  color: #e74107 !important;
  opacity: 1 !important;
}
.prestosofest-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.prestosofest-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.prestosofest-theme .mat-badge-content {
  color: #e74107 !important;
}
.prestosofest-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #e74107 !important;
}
.prestosofest-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #e74107 !important;
}
.prestosofest-theme #circle-lleno {
  background: #ffa098;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.prestosofest-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.prestosofest-theme .marine-color {
  color: #0f223e !important;
}
.prestosofest-theme .primary-color {
  color: #e74107 !important;
}
.prestosofest-theme .gray-color {
  color: #C0C4CA !important;
}
.prestosofest-theme .primary-color-200 {
  color: #f3a083 !important;
}
.prestosofest-theme svg.primary-fill-svg {
  fill: #e74107 !important;
}
.prestosofest-theme .primary-fill {
  fill: #e74107 !important;
}
.prestosofest-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.prestosofest-theme .primary-border-50 {
  border-color: #fce8e1 !important;
}
.prestosofest-theme .primary-border-100 {
  border-color: #f8c6b5 !important;
}
.prestosofest-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.prestosofest-theme .transparent-border-100 {
  border-color: transparent !important;
}
.prestosofest-theme .primary-border-200 {
  border-color: #f3a083 !important;
}
.prestosofest-theme .primary-indicator .mat-expansion-indicator:after {
  color: #e74107;
}
.prestosofest-theme .contrast-background {
  background-color: #ffffff !important;
}
.prestosofest-theme .primary-color-small {
  color: rgba(231, 65, 7, 0.6);
}
.prestosofest-theme .marine-background {
  background-color: #0f223e !important;
}
.prestosofest-theme .primary-background {
  background-color: #e74107 !important;
}
.prestosofest-theme .primary-background-50 {
  background-color: #fce8e1 !important;
}
.prestosofest-theme .primary-background-200 {
  background-color: #f3a083 !important;
}
.prestosofest-theme .primary-background-800 {
  background-color: #dd2a04 !important;
}
.prestosofest-theme .white-color {
  color: white !important;
}
.prestosofest-theme .secondary-color {
  color: #ffa098 !important;
}
.prestosofest-theme .secondary-background {
  background-color: #ffa098 !important;
}
.prestosofest-theme .secondary-background-semi {
  background-color: #e74107 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #e74107 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.prestosofest-theme .secondary-background-full {
  background-color: #e74107 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #e74107 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.prestosofest-theme .secondary-background-empty {
  background-color: #e74107 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #e74107 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.prestosofest-theme .secondary-border {
  background-color: #ffa098 !important;
}
.prestosofest-theme .tertiary-color {
  color: #ffa098 !important;
}
.prestosofest-theme button.button-tertiary {
  background-color: #ffa098 !important;
  color: #e74107 !important;
  border: 1px solid #e74107 !important;
}
.prestosofest-theme span.red-text {
  color: #DB1F35 !important;
}
.prestosofest-theme .tertiary-background {
  background-color: #ffa098 !important;
}
.prestosofest-theme .tertiary-border {
  border-color: #ffa098 !important;
}
.prestosofest-theme .dark-background {
  background-color: black !important;
}
.prestosofest-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.prestosofest-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.prestosofest-theme .primary-soft-background {
  background-color: rgba(231, 65, 7, 0.1) !important;
}
.prestosofest-theme .primary-soft-background:hover {
  background-color: rgba(231, 65, 7, 0.15) !important;
}
.prestosofest-theme .primary-border {
  border-color: #e74107 !important;
}
.prestosofest-theme .default-background {
  background-color: #fafafa !important;
}
.prestosofest-theme .hover-primary:hover {
  color: #e74107 !important;
}
.prestosofest-theme .hover-primary-background:hover {
  background-color: #e74107 !important;
}
.prestosofest-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.prestosofest-theme .warn-color {
  color: #e74737 !important;
}
.prestosofest-theme .warn-border {
  border-color: #e74737 !important;
}
.prestosofest-theme .accent-color {
  color: #fedd93 !important;
}
.prestosofest-theme .accent-background {
  background-color: #fedd93 !important;
}
.prestosofest-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.prestosofest-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.prestosofest-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.prestosofest-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.prestosofest-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.prestosofest-theme .dialog-table tr .action-icon {
  color: transparent;
}
.prestosofest-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.prestosofest-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.prestosofest-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #e74107;
}
.prestosofest-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.prestosofest-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.prestosofest-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.prestosofest-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.prestosofest-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.prestosofest-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.prestosofest-theme .card-table tr .action-icon {
  color: transparent;
}
.prestosofest-theme .card-table tr .action-icon button {
  color: transparent;
}
.prestosofest-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.prestosofest-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.prestosofest-theme .card-table tr:hover .action-icon button {
  color: #e74107;
}
.prestosofest-theme .card-table tr:hover .action-icon:hover {
  color: #e74107;
}
.prestosofest-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.prestosofest-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.prestosofest-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.prestosofest-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.prestosofest-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #e74107;
}
.prestosofest-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.prestosofest-theme .no-hover-table tr:hover {
  background: white;
}
.prestosofest-theme .custom-standard-chip {
  background-color: rgba(231, 65, 7, 0.1) !important;
  color: #e74107 !important;
}
.prestosofest-theme .help-dashboard-card .mat-icon {
  color: #e74107;
}
.prestosofest-theme .help-dashboard-card:hover {
  background-color: #e74107;
}
.prestosofest-theme .help-dashboard-card:hover .mat-icon,
.prestosofest-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.prestosofest-theme .room-open {
  background-color: #e74107 !important;
  color: white !important;
}
.prestosofest-theme .room-open:hover {
  background-color: #e74107 !important;
  color: white !important;
}
.prestosofest-theme #public-office-page-groups .public-group-button-hover {
  background-color: #e74107 !important;
  color: white !important;
}
.prestosofest-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.prestosofest-theme .notification-container .show-tip {
  color: transparent;
}
.prestosofest-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.prestosofest-theme .notification-container:hover .show-tip {
  color: #e74107;
}
.prestosofest-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.prestosofest-theme .notification-container .notification-subject .mat-icon {
  color: #e74107;
}
.prestosofest-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.prestosofest-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.prestosofest-theme .message-container .show-tip {
  color: transparent;
}
.prestosofest-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.prestosofest-theme .message-container:hover .show-tip {
  color: #e74107;
}
.prestosofest-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.prestosofest-theme .message-container .message-subject .mat-icon {
  color: #e74107;
}
.prestosofest-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.prestosofest-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.prestosofest-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.prestosofest-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.prestosofest-theme .primary-200-outline input {
  caret-color: #f3a083;
  color: #e74107;
}
.prestosofest-theme .primary-200-outline label {
  color: #f3a083;
}
.prestosofest-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #f3a083 !important;
}
.prestosofest-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #f3a083;
}
.prestosofest-theme mat-form-field .primary-outline label {
  color: #e74107 !important;
}
.prestosofest-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #e74107 !important;
}
.prestosofest-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #e74107 !important;
}
.prestosofest-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.prestosofest-theme .input-primary input {
  caret-color: #e74107;
  color: #e74107;
}
.prestosofest-theme .input-primary label {
  color: #e74107;
}
.prestosofest-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #e74107 !important;
}
.prestosofest-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.prestosofest-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #e74107;
  border-width: 1px;
}
.prestosofest-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.prestosofest-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.prestosofest-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.prestosofest-theme .boton-recarga {
  background-color: #e74107;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.prestosofest-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.prestosofest-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
}
.prestosofest-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.prestosofest-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.prestosofest-theme .header-container button {
  padding: 0 !important;
}
.prestosofest-theme .header-container .mat-button {
  min-width: unset !important;
}
.prestosofest-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.prestosofest-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.prestosofest-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.prestosofest-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.prestosofest-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.prestosofest-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.prestosofest-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.prestosofest-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.prestosofest-theme .input-recarga-marine {
  border: 1px solid #e74107 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.prestosofest-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.prestosofest-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.prestosofest-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.prestosofest-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.prestosofest-theme .color-primary {
  color: #e74107 !important;
  fill: #e74107 !important;
}
.prestosofest-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.prestosofest-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.prestosofest-theme .primary-contrast {
  color: #ffffff !important;
}
.prestosofest-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #e74107 !important;
}
.prestosofest-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #e74107 !important;
}
.prestosofest-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.prestosofest-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #e74107 !important;
}
.prestosofest-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.prestosofest-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.prestosofest-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.prestosofest-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #e74107 !important;
}
.prestosofest-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #e74107 !important;
}
.prestosofest-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #e74107 !important;
}
.prestosofest-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #e74107 !important;
}
.prestosofest-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #e74107 !important;
}
.prestosofest-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.prestosofest-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #e74107 !important;
}
.prestosofest-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.prestosofest-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #e74107 !important;
}
.prestosofest-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.prestosofest-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.prestosofest-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #e74107 !important;
}
.prestosofest-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #ffa098 !important;
}
.prestosofest-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.prestosofest-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #e74107 !important;
}
.prestosofest-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #e74107 !important;
}
.prestosofest-theme .mat-checkbox-checked .mat-checkbox-background,
.prestosofest-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #e74107 !important;
}
.prestosofest-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #e74107 !important;
}
.prestosofest-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.prestosofest-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #e74107 !important;
}
.prestosofest-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.prestosofest-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #e74107 !important;
}
.prestosofest-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #f3a083 !important;
}
.prestosofest-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #e74107 !important;
}
.prestosofest-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.prestosofest-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.prestosofest-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.prestosofest-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.prestosofest-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #e74107 !important;
}
.prestosofest-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #e74107 !important;
}
.prestosofest-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #e74107 !important;
}
.prestosofest-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.prestosofest-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #e74107 !important;
}
.prestosofest-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #e74107 !important;
}
.prestosofest-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #e74107 !important;
}
.prestosofest-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.prestosofest-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.prestosofest-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #e74107 !important;
}
.prestosofest-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #e74107 !important;
}
.prestosofest-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.prestosofest-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.prestosofest-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #e74107 !important;
}
.prestosofest-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.prestosofest-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.prestosofest-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.prestosofest-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #e74107 !important;
}
.prestosofest-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.prestosofest-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #e74107 !important;
}
.prestosofest-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #e74107 !important;
}
.prestosofest-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #e74107 !important;
}
.prestosofest-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.prestosofest-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.prestosofest-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.prestosofest-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #e74107 !important;
}
.prestosofest-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #e74107 !important;
}
.prestosofest-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffa098 !important;
}
.prestosofest-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffa098 !important;
}
.prestosofest-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.prestosofest-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74107 !important;
}
.prestosofest-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74107 !important;
}
.prestosofest-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.prestosofest-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #e74107 !important;
}
.prestosofest-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #e74107 !important;
}
.prestosofest-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.prestosofest-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.prestosofest-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.prestosofest-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ffa098 !important;
}
.prestosofest-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffa098 !important;
}
.prestosofest-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.prestosofest-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.prestosofest-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffa098 !important;
}
.prestosofest-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffa098 !important;
}
.prestosofest-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffa098 !important;
}
.prestosofest-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ffa098 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.prestosofest-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ffa098 !important;
}
.prestosofest-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #ffa098 !important;
}
.prestosofest-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #e74107 !important;
}
.prestosofest-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #e74107 !important;
}
.prestosofest-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #e74107 !important;
}
.prestosofest-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.prestosofest-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.prestosofest-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.prestosofest-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.prestosofest-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.prestosofest-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #e74107 !important;
}
.prestosofest-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #e74107 !important;
}
.prestosofest-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #e74107 !important;
}
.prestosofest-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #e74107 !important;
}
.prestosofest-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #e74107 !important;
}
.prestosofest-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #e74107 !important;
}
.prestosofest-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.prestosofest-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #e74107 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.prestosofest-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.prestosofest-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.prestosofest-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.prestosofest-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.prestosofest-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.prestosofest-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #ffa098 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.prestosofest-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #e74107 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #e74107 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.prestosofest-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #e74107 !important;
}
.prestosofest-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.prestosofest-theme .button-text-hidden {
  display: none;
}
.festivalvinosomontano-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #000000;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #000000 87%, transparent);
  --mat-form-field-filled-caret-color: #000000;
  --mat-form-field-filled-focus-active-indicator-color: #000000;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #000000 87%, transparent);
  --mat-form-field-outlined-caret-color: #000000;
  --mat-form-field-outlined-focus-outline-color: #000000;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #000000 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #000000;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #000000;
  --mat-slide-toggle-selected-handle-color: #000000;
  --mat-slide-toggle-selected-hover-state-layer-color: #000000;
  --mat-slide-toggle-selected-pressed-state-layer-color: #000000;
  --mat-slide-toggle-selected-focus-handle-color: #000000;
  --mat-slide-toggle-selected-hover-handle-color: #000000;
  --mat-slide-toggle-selected-pressed-handle-color: #000000;
  --mat-slide-toggle-selected-focus-track-color: #4d4d4d;
  --mat-slide-toggle-selected-hover-track-color: #4d4d4d;
  --mat-slide-toggle-selected-pressed-track-color: #4d4d4d;
  --mat-slide-toggle-selected-track-color: #4d4d4d;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #000000;
  --mat-slider-focus-handle-color: #000000;
  --mat-slider-handle-color: #000000;
  --mat-slider-hover-handle-color: #000000;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #000000 4%, transparent);
  --mat-slider-inactive-track-color: #000000;
  --mat-slider-ripple-color: #000000;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #000000;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #4d4d4d;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #000000;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #000000;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #000000 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #000000;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #000000 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #000000 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #000000;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #000000;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #000000;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #000000;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #000000;
  --mat-slide-toggle-selected-handle-color: #000000;
  --mat-slide-toggle-selected-hover-state-layer-color: #000000;
  --mat-slide-toggle-selected-pressed-state-layer-color: #000000;
  --mat-slide-toggle-selected-focus-handle-color: #000000;
  --mat-slide-toggle-selected-hover-handle-color: #000000;
  --mat-slide-toggle-selected-pressed-handle-color: #000000;
  --mat-slide-toggle-selected-focus-track-color: #4d4d4d;
  --mat-slide-toggle-selected-hover-track-color: #4d4d4d;
  --mat-slide-toggle-selected-pressed-track-color: #4d4d4d;
  --mat-slide-toggle-selected-track-color: #4d4d4d;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.festivalvinosomontano-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.festivalvinosomontano-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.festivalvinosomontano-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #000000;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #000000;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.festivalvinosomontano-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.festivalvinosomontano-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.festivalvinosomontano-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #000000;
  --mat-progress-bar-track-color: rgba(0, 0, 0, 0.25);
}
.festivalvinosomontano-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.festivalvinosomontano-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.festivalvinosomontano-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.festivalvinosomontano-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.festivalvinosomontano-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.festivalvinosomontano-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.festivalvinosomontano-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.festivalvinosomontano-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.festivalvinosomontano-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.festivalvinosomontano-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #000000;
  --mat-chip-elevated-disabled-container-color: #000000;
  --mat-chip-elevated-selected-container-color: #000000;
  --mat-chip-flat-disabled-selected-container-color: #000000;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.festivalvinosomontano-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.festivalvinosomontano-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.festivalvinosomontano-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.festivalvinosomontano-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.festivalvinosomontano-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.festivalvinosomontano-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.festivalvinosomontano-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.festivalvinosomontano-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.festivalvinosomontano-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.festivalvinosomontano-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #000000;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #000000;
  --mat-radio-selected-hover-icon-color: #000000;
  --mat-radio-selected-icon-color: #000000;
  --mat-radio-selected-pressed-icon-color: #000000;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.festivalvinosomontano-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.festivalvinosomontano-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.festivalvinosomontano-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.festivalvinosomontano-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.festivalvinosomontano-theme .mdc-list-item__start,
.festivalvinosomontano-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #000000;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #000000;
  --mat-radio-selected-hover-icon-color: #000000;
  --mat-radio-selected-icon-color: #000000;
  --mat-radio-selected-pressed-icon-color: #000000;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.festivalvinosomontano-theme .mat-accent .mdc-list-item__start,
.festivalvinosomontano-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.festivalvinosomontano-theme .mat-warn .mdc-list-item__start,
.festivalvinosomontano-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.festivalvinosomontano-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #000000;
  --mat-checkbox-selected-hover-icon-color: #000000;
  --mat-checkbox-selected-icon-color: #000000;
  --mat-checkbox-selected-pressed-icon-color: #000000;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #000000;
  --mat-checkbox-selected-hover-state-layer-color: #000000;
  --mat-checkbox-selected-pressed-state-layer-color: #000000;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.festivalvinosomontano-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.festivalvinosomontano-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.festivalvinosomontano-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.festivalvinosomontano-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.festivalvinosomontano-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.festivalvinosomontano-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #000000;
}
.festivalvinosomontano-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.festivalvinosomontano-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.festivalvinosomontano-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.festivalvinosomontano-theme .mdc-list-item__start,
.festivalvinosomontano-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.festivalvinosomontano-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.festivalvinosomontano-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.festivalvinosomontano-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.festivalvinosomontano-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.festivalvinosomontano-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.festivalvinosomontano-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.festivalvinosomontano-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.festivalvinosomontano-theme .mat-mdc-tab-group,
.festivalvinosomontano-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #000000;
  --mat-tab-active-ripple-color: #000000;
  --mat-tab-inactive-ripple-color: #000000;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #000000;
  --mat-tab-active-hover-label-text-color: #000000;
  --mat-tab-active-focus-indicator-color: #000000;
  --mat-tab-active-hover-indicator-color: #000000;
  --mat-tab-active-indicator-color: #000000;
}
.festivalvinosomontano-theme .mat-mdc-tab-group.mat-accent,
.festivalvinosomontano-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.festivalvinosomontano-theme .mat-mdc-tab-group.mat-warn,
.festivalvinosomontano-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.festivalvinosomontano-theme .mat-mdc-tab-group.mat-background-primary,
.festivalvinosomontano-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #000000;
  --mat-tab-foreground-color: #ffffff;
}
.festivalvinosomontano-theme .mat-mdc-tab-group.mat-background-accent,
.festivalvinosomontano-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.festivalvinosomontano-theme .mat-mdc-tab-group.mat-background-warn,
.festivalvinosomontano-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.festivalvinosomontano-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.festivalvinosomontano-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.festivalvinosomontano-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #000000;
  --mat-checkbox-selected-hover-icon-color: #000000;
  --mat-checkbox-selected-icon-color: #000000;
  --mat-checkbox-selected-pressed-icon-color: #000000;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #000000;
  --mat-checkbox-selected-hover-state-layer-color: #000000;
  --mat-checkbox-selected-pressed-state-layer-color: #000000;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.festivalvinosomontano-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.festivalvinosomontano-theme .mat-mdc-button.mat-primary,
.festivalvinosomontano-theme .mat-mdc-unelevated-button.mat-primary,
.festivalvinosomontano-theme .mat-mdc-raised-button.mat-primary,
.festivalvinosomontano-theme .mat-mdc-outlined-button.mat-primary,
.festivalvinosomontano-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #000000;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #000000;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-outlined-state-layer-color: #000000;
  --mat-button-protected-container-color: #000000;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #000000;
  --mat-button-text-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-text-state-layer-color: #000000;
  --mat-button-tonal-container-color: #000000;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.festivalvinosomontano-theme .mat-mdc-button.mat-accent,
.festivalvinosomontano-theme .mat-mdc-unelevated-button.mat-accent,
.festivalvinosomontano-theme .mat-mdc-raised-button.mat-accent,
.festivalvinosomontano-theme .mat-mdc-outlined-button.mat-accent,
.festivalvinosomontano-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.festivalvinosomontano-theme .mat-mdc-button.mat-warn,
.festivalvinosomontano-theme .mat-mdc-unelevated-button.mat-warn,
.festivalvinosomontano-theme .mat-mdc-raised-button.mat-warn,
.festivalvinosomontano-theme .mat-mdc-outlined-button.mat-warn,
.festivalvinosomontano-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.festivalvinosomontano-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #000000;
  --mat-icon-button-state-layer-color: #000000;
  --mat-icon-button-ripple-color: color-mix(in srgb, #000000 12%, transparent);
}
.festivalvinosomontano-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.festivalvinosomontano-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.festivalvinosomontano-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.festivalvinosomontano-theme .mat-mdc-fab.mat-primary,
.festivalvinosomontano-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #000000;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-container-color: #000000;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.festivalvinosomontano-theme .mat-mdc-fab.mat-accent,
.festivalvinosomontano-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.festivalvinosomontano-theme .mat-mdc-fab.mat-warn,
.festivalvinosomontano-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.festivalvinosomontano-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.festivalvinosomontano-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.festivalvinosomontano-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.festivalvinosomontano-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.festivalvinosomontano-theme .mat-datepicker-content.mat-accent,
.festivalvinosomontano-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.festivalvinosomontano-theme .mat-datepicker-content.mat-warn,
.festivalvinosomontano-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.festivalvinosomontano-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.festivalvinosomontano-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.festivalvinosomontano-theme .mat-icon.mat-primary {
  --mat-icon-color: #000000;
}
.festivalvinosomontano-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.festivalvinosomontano-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.festivalvinosomontano-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.festivalvinosomontano-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.festivalvinosomontano-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #000000;
  --mat-toolbar-container-text-color: #ffffff;
}
.festivalvinosomontano-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.festivalvinosomontano-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.festivalvinosomontano-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.festivalvinosomontano-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.festivalvinosomontano-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.festivalvinosomontano-theme .back-container {
  color: #000000;
}
.festivalvinosomontano-theme .back-container:hover {
  opacity: 0.54;
}
.festivalvinosomontano-theme .warn-text {
  color: #e74737;
}
.festivalvinosomontano-theme .inside-modal-title.primary-colored-title,
.festivalvinosomontano-theme .form-title.primary-colored-title {
  color: #000000;
}
.festivalvinosomontano-theme .full-height-container form .button-container {
  background: white;
}
.festivalvinosomontano-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.festivalvinosomontano-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.festivalvinosomontano-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.festivalvinosomontano-theme .box-checkbox.active-box-checkbox {
  background-color: #000000;
  color: white;
}
.festivalvinosomontano-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.festivalvinosomontano-theme .box-radio.active-box-radio {
  background-color: #000000;
  color: white;
}
.festivalvinosomontano-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.festivalvinosomontano-theme .error {
  color: #e74737;
}
.festivalvinosomontano-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.festivalvinosomontano-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.festivalvinosomontano-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.festivalvinosomontano-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.festivalvinosomontano-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.festivalvinosomontano-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.festivalvinosomontano-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.festivalvinosomontano-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.festivalvinosomontano-theme .ql-snow .ql-picker-options {
  background: white;
}
.festivalvinosomontano-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.festivalvinosomontano-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.festivalvinosomontano-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.festivalvinosomontano-theme .ql-snow .ql-fill,
.festivalvinosomontano-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.festivalvinosomontano-theme .ql-snow.ql-toolbar button:hover,
.festivalvinosomontano-theme .ql-snow .ql-toolbar button:hover,
.festivalvinosomontano-theme .ql-snow.ql-toolbar button:focus,
.festivalvinosomontano-theme .ql-snow .ql-toolbar button:focus,
.festivalvinosomontano-theme .ql-snow.ql-toolbar button.ql-active,
.festivalvinosomontano-theme .ql-snow .ql-toolbar button.ql-active,
.festivalvinosomontano-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.festivalvinosomontano-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.festivalvinosomontano-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.festivalvinosomontano-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.festivalvinosomontano-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.festivalvinosomontano-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.festivalvinosomontano-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.festivalvinosomontano-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.festivalvinosomontano-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.festivalvinosomontano-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.festivalvinosomontano-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.festivalvinosomontano-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.festivalvinosomontano-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.festivalvinosomontano-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.festivalvinosomontano-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.festivalvinosomontano-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.festivalvinosomontano-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.festivalvinosomontano-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.festivalvinosomontano-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.festivalvinosomontano-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.festivalvinosomontano-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.festivalvinosomontano-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.festivalvinosomontano-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.festivalvinosomontano-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.festivalvinosomontano-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.festivalvinosomontano-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.festivalvinosomontano-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.festivalvinosomontano-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.festivalvinosomontano-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.festivalvinosomontano-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.festivalvinosomontano-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.festivalvinosomontano-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.festivalvinosomontano-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.festivalvinosomontano-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.festivalvinosomontano-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.festivalvinosomontano-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.festivalvinosomontano-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.festivalvinosomontano-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.festivalvinosomontano-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.festivalvinosomontano-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.festivalvinosomontano-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.festivalvinosomontano-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.festivalvinosomontano-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.festivalvinosomontano-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.festivalvinosomontano-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.festivalvinosomontano-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.festivalvinosomontano-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.festivalvinosomontano-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.festivalvinosomontano-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.festivalvinosomontano-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.festivalvinosomontano-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.festivalvinosomontano-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.festivalvinosomontano-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.festivalvinosomontano-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.festivalvinosomontano-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.festivalvinosomontano-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.festivalvinosomontano-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.festivalvinosomontano-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.festivalvinosomontano-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.festivalvinosomontano-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.festivalvinosomontano-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.festivalvinosomontano-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.festivalvinosomontano-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.festivalvinosomontano-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.festivalvinosomontano-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.festivalvinosomontano-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.festivalvinosomontano-theme bee-form-item {
  margin-right: 0 !important;
}
.festivalvinosomontano-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.festivalvinosomontano-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #000000;
  height: 38px !important;
}
.festivalvinosomontano-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.festivalvinosomontano-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.festivalvinosomontano-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.festivalvinosomontano-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.festivalvinosomontano-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.festivalvinosomontano-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.festivalvinosomontano-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.festivalvinosomontano-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.festivalvinosomontano-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .festivalvinosomontano-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.festivalvinosomontano-theme .general-container .label-wrapper label {
  color: #000000 !important;
  background-color: white;
}
.festivalvinosomontano-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.festivalvinosomontano-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.festivalvinosomontano-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.festivalvinosomontano-theme .general-container .bee-selector .bee-selector-container {
  border-color: #000000 !important;
}
.festivalvinosomontano-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.festivalvinosomontano-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.festivalvinosomontano-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.festivalvinosomontano-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.festivalvinosomontano-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.festivalvinosomontano-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.festivalvinosomontano-theme .general-container .bee-selector .bee-selector-container:focus,
.festivalvinosomontano-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #000000;
}
.festivalvinosomontano-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.festivalvinosomontano-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #000000;
}
.festivalvinosomontano-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.festivalvinosomontano-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #000000;
}
.festivalvinosomontano-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.festivalvinosomontano-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.festivalvinosomontano-theme .general-container .bee-dropdown {
  background: white;
}
.festivalvinosomontano-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #000000;
}
.festivalvinosomontano-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.festivalvinosomontano-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.festivalvinosomontano-theme .general-container .selector-error {
  color: #e74737;
}
.festivalvinosomontano-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.festivalvinosomontano-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.festivalvinosomontano-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.festivalvinosomontano-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.festivalvinosomontano-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #000000;
}
.festivalvinosomontano-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.festivalvinosomontano-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.festivalvinosomontano-theme .move-image-action-container:hover {
  color: #000000;
}
.festivalvinosomontano-theme .info-icon {
  color: #000000;
}
.festivalvinosomontano-theme .email-chip {
  color: #000000 !important;
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.festivalvinosomontano-theme .email-chip .mat-chip-remove {
  color: #000000 !important;
  opacity: 1 !important;
}
.festivalvinosomontano-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.festivalvinosomontano-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.festivalvinosomontano-theme .mat-badge-content {
  color: #000000 !important;
}
.festivalvinosomontano-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #000000 !important;
}
.festivalvinosomontano-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #000000 !important;
}
.festivalvinosomontano-theme #circle-lleno {
  background: #737373;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.festivalvinosomontano-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.festivalvinosomontano-theme .marine-color {
  color: #0f223e !important;
}
.festivalvinosomontano-theme .primary-color {
  color: #000000 !important;
}
.festivalvinosomontano-theme .gray-color {
  color: #C0C4CA !important;
}
.festivalvinosomontano-theme .primary-color-200 {
  color: #808080 !important;
}
.festivalvinosomontano-theme svg.primary-fill-svg {
  fill: #000000 !important;
}
.festivalvinosomontano-theme .primary-fill {
  fill: #000000 !important;
}
.festivalvinosomontano-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.festivalvinosomontano-theme .primary-border-50 {
  border-color: #e0e0e0 !important;
}
.festivalvinosomontano-theme .primary-border-100 {
  border-color: #b3b3b3 !important;
}
.festivalvinosomontano-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.festivalvinosomontano-theme .transparent-border-100 {
  border-color: transparent !important;
}
.festivalvinosomontano-theme .primary-border-200 {
  border-color: #808080 !important;
}
.festivalvinosomontano-theme .primary-indicator .mat-expansion-indicator:after {
  color: #000000;
}
.festivalvinosomontano-theme .contrast-background {
  background-color: #ffffff !important;
}
.festivalvinosomontano-theme .primary-color-small {
  color: rgba(0, 0, 0, 0.6);
}
.festivalvinosomontano-theme .marine-background {
  background-color: #0f223e !important;
}
.festivalvinosomontano-theme .primary-background {
  background-color: #000000 !important;
}
.festivalvinosomontano-theme .primary-background-50 {
  background-color: #e0e0e0 !important;
}
.festivalvinosomontano-theme .primary-background-200 {
  background-color: #808080 !important;
}
.festivalvinosomontano-theme .primary-background-800 {
  background-color: #000000 !important;
}
.festivalvinosomontano-theme .white-color {
  color: white !important;
}
.festivalvinosomontano-theme .secondary-color {
  color: #737373 !important;
}
.festivalvinosomontano-theme .secondary-background {
  background-color: #737373 !important;
}
.festivalvinosomontano-theme .secondary-background-semi {
  background-color: #000000 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #000000 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.festivalvinosomontano-theme .secondary-background-full {
  background-color: #000000 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #000000 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.festivalvinosomontano-theme .secondary-background-empty {
  background-color: #000000 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #000000 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.festivalvinosomontano-theme .secondary-border {
  background-color: #737373 !important;
}
.festivalvinosomontano-theme .tertiary-color {
  color: #737373 !important;
}
.festivalvinosomontano-theme button.button-tertiary {
  background-color: #737373 !important;
  color: #000000 !important;
  border: 1px solid #000000 !important;
}
.festivalvinosomontano-theme span.red-text {
  color: #DB1F35 !important;
}
.festivalvinosomontano-theme .tertiary-background {
  background-color: #737373 !important;
}
.festivalvinosomontano-theme .tertiary-border {
  border-color: #737373 !important;
}
.festivalvinosomontano-theme .dark-background {
  background-color: black !important;
}
.festivalvinosomontano-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.festivalvinosomontano-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.festivalvinosomontano-theme .primary-soft-background {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.festivalvinosomontano-theme .primary-soft-background:hover {
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.festivalvinosomontano-theme .primary-border {
  border-color: #000000 !important;
}
.festivalvinosomontano-theme .default-background {
  background-color: #fafafa !important;
}
.festivalvinosomontano-theme .hover-primary:hover {
  color: #000000 !important;
}
.festivalvinosomontano-theme .hover-primary-background:hover {
  background-color: #000000 !important;
}
.festivalvinosomontano-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.festivalvinosomontano-theme .warn-color {
  color: #e74737 !important;
}
.festivalvinosomontano-theme .warn-border {
  border-color: #e74737 !important;
}
.festivalvinosomontano-theme .accent-color {
  color: #fedd93 !important;
}
.festivalvinosomontano-theme .accent-background {
  background-color: #fedd93 !important;
}
.festivalvinosomontano-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.festivalvinosomontano-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.festivalvinosomontano-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.festivalvinosomontano-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.festivalvinosomontano-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.festivalvinosomontano-theme .dialog-table tr .action-icon {
  color: transparent;
}
.festivalvinosomontano-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.festivalvinosomontano-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.festivalvinosomontano-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #000000;
}
.festivalvinosomontano-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.festivalvinosomontano-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.festivalvinosomontano-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.festivalvinosomontano-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.festivalvinosomontano-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.festivalvinosomontano-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.festivalvinosomontano-theme .card-table tr .action-icon {
  color: transparent;
}
.festivalvinosomontano-theme .card-table tr .action-icon button {
  color: transparent;
}
.festivalvinosomontano-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.festivalvinosomontano-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.festivalvinosomontano-theme .card-table tr:hover .action-icon button {
  color: #000000;
}
.festivalvinosomontano-theme .card-table tr:hover .action-icon:hover {
  color: #000000;
}
.festivalvinosomontano-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.festivalvinosomontano-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.festivalvinosomontano-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.festivalvinosomontano-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.festivalvinosomontano-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #000000;
}
.festivalvinosomontano-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.festivalvinosomontano-theme .no-hover-table tr:hover {
  background: white;
}
.festivalvinosomontano-theme .custom-standard-chip {
  background-color: rgba(0, 0, 0, 0.1) !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .help-dashboard-card .mat-icon {
  color: #000000;
}
.festivalvinosomontano-theme .help-dashboard-card:hover {
  background-color: #000000;
}
.festivalvinosomontano-theme .help-dashboard-card:hover .mat-icon,
.festivalvinosomontano-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.festivalvinosomontano-theme .room-open {
  background-color: #000000 !important;
  color: white !important;
}
.festivalvinosomontano-theme .room-open:hover {
  background-color: #000000 !important;
  color: white !important;
}
.festivalvinosomontano-theme #public-office-page-groups .public-group-button-hover {
  background-color: #000000 !important;
  color: white !important;
}
.festivalvinosomontano-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.festivalvinosomontano-theme .notification-container .show-tip {
  color: transparent;
}
.festivalvinosomontano-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.festivalvinosomontano-theme .notification-container:hover .show-tip {
  color: #000000;
}
.festivalvinosomontano-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.festivalvinosomontano-theme .notification-container .notification-subject .mat-icon {
  color: #000000;
}
.festivalvinosomontano-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.festivalvinosomontano-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.festivalvinosomontano-theme .message-container .show-tip {
  color: transparent;
}
.festivalvinosomontano-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.festivalvinosomontano-theme .message-container:hover .show-tip {
  color: #000000;
}
.festivalvinosomontano-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.festivalvinosomontano-theme .message-container .message-subject .mat-icon {
  color: #000000;
}
.festivalvinosomontano-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.festivalvinosomontano-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.festivalvinosomontano-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.festivalvinosomontano-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.festivalvinosomontano-theme .primary-200-outline input {
  caret-color: #808080;
  color: #000000;
}
.festivalvinosomontano-theme .primary-200-outline label {
  color: #808080;
}
.festivalvinosomontano-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #808080 !important;
}
.festivalvinosomontano-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #808080;
}
.festivalvinosomontano-theme mat-form-field .primary-outline label {
  color: #000000 !important;
}
.festivalvinosomontano-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #000000 !important;
}
.festivalvinosomontano-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #000000 !important;
}
.festivalvinosomontano-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.festivalvinosomontano-theme .input-primary input {
  caret-color: #000000;
  color: #000000;
}
.festivalvinosomontano-theme .input-primary label {
  color: #000000;
}
.festivalvinosomontano-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #000000 !important;
}
.festivalvinosomontano-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.festivalvinosomontano-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #000000;
  border-width: 1px;
}
.festivalvinosomontano-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.festivalvinosomontano-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.festivalvinosomontano-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.festivalvinosomontano-theme .boton-recarga {
  background-color: #000000;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.festivalvinosomontano-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.festivalvinosomontano-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.festivalvinosomontano-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.festivalvinosomontano-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.festivalvinosomontano-theme .header-container button {
  padding: 0 !important;
}
.festivalvinosomontano-theme .header-container .mat-button {
  min-width: unset !important;
}
.festivalvinosomontano-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.festivalvinosomontano-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.festivalvinosomontano-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.festivalvinosomontano-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.festivalvinosomontano-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.festivalvinosomontano-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.festivalvinosomontano-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.festivalvinosomontano-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.festivalvinosomontano-theme .input-recarga-marine {
  border: 1px solid #000000 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.festivalvinosomontano-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.festivalvinosomontano-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.festivalvinosomontano-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.festivalvinosomontano-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.festivalvinosomontano-theme .color-primary {
  color: #000000 !important;
  fill: #000000 !important;
}
.festivalvinosomontano-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.festivalvinosomontano-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.festivalvinosomontano-theme .primary-contrast {
  color: #ffffff !important;
}
.festivalvinosomontano-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.festivalvinosomontano-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.festivalvinosomontano-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.festivalvinosomontano-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.festivalvinosomontano-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.festivalvinosomontano-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.festivalvinosomontano-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.festivalvinosomontano-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.festivalvinosomontano-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #737373 !important;
}
.festivalvinosomontano-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.festivalvinosomontano-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .mat-checkbox-checked .mat-checkbox-background,
.festivalvinosomontano-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #000000 !important;
}
.festivalvinosomontano-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.festivalvinosomontano-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.festivalvinosomontano-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #808080 !important;
}
.festivalvinosomontano-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.festivalvinosomontano-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.festivalvinosomontano-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.festivalvinosomontano-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.festivalvinosomontano-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.festivalvinosomontano-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.festivalvinosomontano-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.festivalvinosomontano-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.festivalvinosomontano-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.festivalvinosomontano-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.festivalvinosomontano-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.festivalvinosomontano-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.festivalvinosomontano-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.festivalvinosomontano-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.festivalvinosomontano-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.festivalvinosomontano-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.festivalvinosomontano-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #737373 !important;
}
.festivalvinosomontano-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #737373 !important;
}
.festivalvinosomontano-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.festivalvinosomontano-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.festivalvinosomontano-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.festivalvinosomontano-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.festivalvinosomontano-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.festivalvinosomontano-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #737373 !important;
}
.festivalvinosomontano-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #737373 !important;
}
.festivalvinosomontano-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.festivalvinosomontano-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.festivalvinosomontano-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #737373 !important;
}
.festivalvinosomontano-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #737373 !important;
}
.festivalvinosomontano-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #737373 !important;
}
.festivalvinosomontano-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #737373 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.festivalvinosomontano-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #737373 !important;
}
.festivalvinosomontano-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #737373 !important;
}
.festivalvinosomontano-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.festivalvinosomontano-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.festivalvinosomontano-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.festivalvinosomontano-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.festivalvinosomontano-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.festivalvinosomontano-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #000000 !important;
}
.festivalvinosomontano-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.festivalvinosomontano-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #000000 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.festivalvinosomontano-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.festivalvinosomontano-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.festivalvinosomontano-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.festivalvinosomontano-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.festivalvinosomontano-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.festivalvinosomontano-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #737373 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.festivalvinosomontano-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #000000 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #000000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.festivalvinosomontano-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #000000 !important;
}
.festivalvinosomontano-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.festivalvinosomontano-theme .button-text-hidden {
  display: none;
}
.milfestival-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #0B245E;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #0B245E 87%, transparent);
  --mat-form-field-filled-caret-color: #0B245E;
  --mat-form-field-filled-focus-active-indicator-color: #0B245E;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #0B245E 87%, transparent);
  --mat-form-field-outlined-caret-color: #0B245E;
  --mat-form-field-outlined-focus-outline-color: #0B245E;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #0B245E 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #0B245E;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #0B245E;
  --mat-slide-toggle-selected-handle-color: #0B245E;
  --mat-slide-toggle-selected-hover-state-layer-color: #0B245E;
  --mat-slide-toggle-selected-pressed-state-layer-color: #0B245E;
  --mat-slide-toggle-selected-focus-handle-color: #0B245E;
  --mat-slide-toggle-selected-hover-handle-color: #0B245E;
  --mat-slide-toggle-selected-pressed-handle-color: #0B245E;
  --mat-slide-toggle-selected-focus-track-color: #5963c8;
  --mat-slide-toggle-selected-hover-track-color: #5963c8;
  --mat-slide-toggle-selected-pressed-track-color: #5963c8;
  --mat-slide-toggle-selected-track-color: #5963c8;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #0B245E;
  --mat-slider-focus-handle-color: #0B245E;
  --mat-slider-handle-color: #0B245E;
  --mat-slider-hover-handle-color: #0B245E;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #0B245E 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #0B245E 4%, transparent);
  --mat-slider-inactive-track-color: #0B245E;
  --mat-slider-ripple-color: #0B245E;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #0B245E;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #5963c8;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #0B245E;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #0B245E;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #0B245E 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #0B245E;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #0B245E 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #0B245E 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #0B245E 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #0B245E;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #0B245E;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #0B245E;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #0B245E;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #0B245E;
  --mat-slide-toggle-selected-handle-color: #0B245E;
  --mat-slide-toggle-selected-hover-state-layer-color: #0B245E;
  --mat-slide-toggle-selected-pressed-state-layer-color: #0B245E;
  --mat-slide-toggle-selected-focus-handle-color: #0B245E;
  --mat-slide-toggle-selected-hover-handle-color: #0B245E;
  --mat-slide-toggle-selected-pressed-handle-color: #0B245E;
  --mat-slide-toggle-selected-focus-track-color: #5963c8;
  --mat-slide-toggle-selected-hover-track-color: #5963c8;
  --mat-slide-toggle-selected-pressed-track-color: #5963c8;
  --mat-slide-toggle-selected-track-color: #5963c8;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.milfestival-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.milfestival-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.milfestival-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #0B245E;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #0B245E;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.milfestival-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.milfestival-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.milfestival-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #0B245E;
  --mat-progress-bar-track-color: rgba(11, 36, 94, 0.25);
}
.milfestival-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.milfestival-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.milfestival-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.milfestival-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.milfestival-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.milfestival-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.milfestival-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.milfestival-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.milfestival-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.milfestival-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #0B245E;
  --mat-chip-elevated-disabled-container-color: #0B245E;
  --mat-chip-elevated-selected-container-color: #0B245E;
  --mat-chip-flat-disabled-selected-container-color: #0B245E;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.milfestival-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.milfestival-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.milfestival-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.milfestival-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.milfestival-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.milfestival-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.milfestival-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.milfestival-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.milfestival-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.milfestival-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #0B245E;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #0B245E;
  --mat-radio-selected-hover-icon-color: #0B245E;
  --mat-radio-selected-icon-color: #0B245E;
  --mat-radio-selected-pressed-icon-color: #0B245E;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.milfestival-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.milfestival-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.milfestival-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.milfestival-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.milfestival-theme .mdc-list-item__start,
.milfestival-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #0B245E;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #0B245E;
  --mat-radio-selected-hover-icon-color: #0B245E;
  --mat-radio-selected-icon-color: #0B245E;
  --mat-radio-selected-pressed-icon-color: #0B245E;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.milfestival-theme .mat-accent .mdc-list-item__start,
.milfestival-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.milfestival-theme .mat-warn .mdc-list-item__start,
.milfestival-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.milfestival-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #0B245E;
  --mat-checkbox-selected-hover-icon-color: #0B245E;
  --mat-checkbox-selected-icon-color: #0B245E;
  --mat-checkbox-selected-pressed-icon-color: #0B245E;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #0B245E;
  --mat-checkbox-selected-hover-state-layer-color: #0B245E;
  --mat-checkbox-selected-pressed-state-layer-color: #0B245E;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.milfestival-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.milfestival-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.milfestival-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.milfestival-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.milfestival-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.milfestival-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #0B245E;
}
.milfestival-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.milfestival-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.milfestival-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.milfestival-theme .mdc-list-item__start,
.milfestival-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.milfestival-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.milfestival-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.milfestival-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.milfestival-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.milfestival-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.milfestival-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.milfestival-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.milfestival-theme .mat-mdc-tab-group,
.milfestival-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #0B245E;
  --mat-tab-active-ripple-color: #0B245E;
  --mat-tab-inactive-ripple-color: #0B245E;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #0B245E;
  --mat-tab-active-hover-label-text-color: #0B245E;
  --mat-tab-active-focus-indicator-color: #0B245E;
  --mat-tab-active-hover-indicator-color: #0B245E;
  --mat-tab-active-indicator-color: #0B245E;
}
.milfestival-theme .mat-mdc-tab-group.mat-accent,
.milfestival-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.milfestival-theme .mat-mdc-tab-group.mat-warn,
.milfestival-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.milfestival-theme .mat-mdc-tab-group.mat-background-primary,
.milfestival-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #0B245E;
  --mat-tab-foreground-color: #ffffff;
}
.milfestival-theme .mat-mdc-tab-group.mat-background-accent,
.milfestival-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.milfestival-theme .mat-mdc-tab-group.mat-background-warn,
.milfestival-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.milfestival-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.milfestival-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.milfestival-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #0B245E;
  --mat-checkbox-selected-hover-icon-color: #0B245E;
  --mat-checkbox-selected-icon-color: #0B245E;
  --mat-checkbox-selected-pressed-icon-color: #0B245E;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #0B245E;
  --mat-checkbox-selected-hover-state-layer-color: #0B245E;
  --mat-checkbox-selected-pressed-state-layer-color: #0B245E;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.milfestival-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.milfestival-theme .mat-mdc-button.mat-primary,
.milfestival-theme .mat-mdc-unelevated-button.mat-primary,
.milfestival-theme .mat-mdc-raised-button.mat-primary,
.milfestival-theme .mat-mdc-outlined-button.mat-primary,
.milfestival-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #0B245E;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #0B245E;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #0B245E 12%, transparent);
  --mat-button-outlined-state-layer-color: #0B245E;
  --mat-button-protected-container-color: #0B245E;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #0B245E;
  --mat-button-text-ripple-color: color-mix(in srgb, #0B245E 12%, transparent);
  --mat-button-text-state-layer-color: #0B245E;
  --mat-button-tonal-container-color: #0B245E;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.milfestival-theme .mat-mdc-button.mat-accent,
.milfestival-theme .mat-mdc-unelevated-button.mat-accent,
.milfestival-theme .mat-mdc-raised-button.mat-accent,
.milfestival-theme .mat-mdc-outlined-button.mat-accent,
.milfestival-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.milfestival-theme .mat-mdc-button.mat-warn,
.milfestival-theme .mat-mdc-unelevated-button.mat-warn,
.milfestival-theme .mat-mdc-raised-button.mat-warn,
.milfestival-theme .mat-mdc-outlined-button.mat-warn,
.milfestival-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.milfestival-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #0B245E;
  --mat-icon-button-state-layer-color: #0B245E;
  --mat-icon-button-ripple-color: color-mix(in srgb, #0B245E 12%, transparent);
}
.milfestival-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.milfestival-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.milfestival-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.milfestival-theme .mat-mdc-fab.mat-primary,
.milfestival-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #0B245E;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #0B245E 12%, transparent);
  --mat-fab-small-container-color: #0B245E;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.milfestival-theme .mat-mdc-fab.mat-accent,
.milfestival-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.milfestival-theme .mat-mdc-fab.mat-warn,
.milfestival-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.milfestival-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.milfestival-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.milfestival-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.milfestival-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.milfestival-theme .mat-datepicker-content.mat-accent,
.milfestival-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.milfestival-theme .mat-datepicker-content.mat-warn,
.milfestival-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.milfestival-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.milfestival-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.milfestival-theme .mat-icon.mat-primary {
  --mat-icon-color: #0B245E;
}
.milfestival-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.milfestival-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.milfestival-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.milfestival-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.milfestival-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #0B245E;
  --mat-toolbar-container-text-color: #ffffff;
}
.milfestival-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.milfestival-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.milfestival-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.milfestival-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.milfestival-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.milfestival-theme .back-container {
  color: #0B245E;
}
.milfestival-theme .back-container:hover {
  opacity: 0.54;
}
.milfestival-theme .warn-text {
  color: #e74737;
}
.milfestival-theme .inside-modal-title.primary-colored-title,
.milfestival-theme .form-title.primary-colored-title {
  color: #0B245E;
}
.milfestival-theme .full-height-container form .button-container {
  background: white;
}
.milfestival-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.milfestival-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.milfestival-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.milfestival-theme .box-checkbox.active-box-checkbox {
  background-color: #0B245E;
  color: white;
}
.milfestival-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.milfestival-theme .box-radio.active-box-radio {
  background-color: #0B245E;
  color: white;
}
.milfestival-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.milfestival-theme .error {
  color: #e74737;
}
.milfestival-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.milfestival-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.milfestival-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.milfestival-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.milfestival-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.milfestival-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.milfestival-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.milfestival-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.milfestival-theme .ql-snow .ql-picker-options {
  background: white;
}
.milfestival-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.milfestival-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.milfestival-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.milfestival-theme .ql-snow .ql-fill,
.milfestival-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.milfestival-theme .ql-snow.ql-toolbar button:hover,
.milfestival-theme .ql-snow .ql-toolbar button:hover,
.milfestival-theme .ql-snow.ql-toolbar button:focus,
.milfestival-theme .ql-snow .ql-toolbar button:focus,
.milfestival-theme .ql-snow.ql-toolbar button.ql-active,
.milfestival-theme .ql-snow .ql-toolbar button.ql-active,
.milfestival-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.milfestival-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.milfestival-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.milfestival-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.milfestival-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.milfestival-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.milfestival-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.milfestival-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.milfestival-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.milfestival-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.milfestival-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.milfestival-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.milfestival-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.milfestival-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.milfestival-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.milfestival-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.milfestival-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.milfestival-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.milfestival-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.milfestival-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.milfestival-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.milfestival-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.milfestival-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.milfestival-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.milfestival-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.milfestival-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.milfestival-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.milfestival-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.milfestival-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.milfestival-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.milfestival-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.milfestival-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.milfestival-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.milfestival-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.milfestival-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.milfestival-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.milfestival-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.milfestival-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.milfestival-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.milfestival-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.milfestival-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.milfestival-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.milfestival-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.milfestival-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.milfestival-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.milfestival-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.milfestival-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.milfestival-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.milfestival-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.milfestival-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.milfestival-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.milfestival-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.milfestival-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.milfestival-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.milfestival-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.milfestival-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.milfestival-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.milfestival-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.milfestival-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.milfestival-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.milfestival-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.milfestival-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.milfestival-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.milfestival-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.milfestival-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.milfestival-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.milfestival-theme bee-form-item {
  margin-right: 0 !important;
}
.milfestival-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.milfestival-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #0B245E;
  height: 38px !important;
}
.milfestival-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.milfestival-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.milfestival-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.milfestival-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.milfestival-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.milfestival-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.milfestival-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.milfestival-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.milfestival-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .milfestival-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.milfestival-theme .general-container .label-wrapper label {
  color: #0B245E !important;
  background-color: white;
}
.milfestival-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.milfestival-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.milfestival-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.milfestival-theme .general-container .bee-selector .bee-selector-container {
  border-color: #0B245E !important;
}
.milfestival-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.milfestival-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.milfestival-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.milfestival-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.milfestival-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.milfestival-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.milfestival-theme .general-container .bee-selector .bee-selector-container:focus,
.milfestival-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #0B245E;
}
.milfestival-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.milfestival-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #0B245E;
}
.milfestival-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.milfestival-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #0B245E;
}
.milfestival-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.milfestival-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.milfestival-theme .general-container .bee-dropdown {
  background: white;
}
.milfestival-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #0B245E;
}
.milfestival-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.milfestival-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.milfestival-theme .general-container .selector-error {
  color: #e74737;
}
.milfestival-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.milfestival-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.milfestival-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.milfestival-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.milfestival-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #0B245E;
}
.milfestival-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.milfestival-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.milfestival-theme .move-image-action-container:hover {
  color: #0B245E;
}
.milfestival-theme .info-icon {
  color: #0B245E;
}
.milfestival-theme .email-chip {
  color: #0B245E !important;
  background-color: rgba(11, 36, 94, 0.15) !important;
}
.milfestival-theme .email-chip .mat-chip-remove {
  color: #0B245E !important;
  opacity: 1 !important;
}
.milfestival-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.milfestival-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.milfestival-theme .mat-badge-content {
  color: #0B245E !important;
}
.milfestival-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #0B245E !important;
}
.milfestival-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #0B245E !important;
}
.milfestival-theme #circle-lleno {
  background: #0B245E;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.milfestival-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.milfestival-theme .marine-color {
  color: #0f223e !important;
}
.milfestival-theme .primary-color {
  color: #0B245E !important;
}
.milfestival-theme .gray-color {
  color: #C0C4CA !important;
}
.milfestival-theme .primary-color-200 {
  color: #8990d8 !important;
}
.milfestival-theme svg.primary-fill-svg {
  fill: #0B245E !important;
}
.milfestival-theme .primary-fill {
  fill: #0B245E !important;
}
.milfestival-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.milfestival-theme .primary-border-50 {
  border-color: #e3e4f6 !important;
}
.milfestival-theme .primary-border-100 {
  border-color: #b8bce8 !important;
}
.milfestival-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.milfestival-theme .transparent-border-100 {
  border-color: transparent !important;
}
.milfestival-theme .primary-border-200 {
  border-color: #8990d8 !important;
}
.milfestival-theme .primary-indicator .mat-expansion-indicator:after {
  color: #0B245E;
}
.milfestival-theme .contrast-background {
  background-color: #ffffff !important;
}
.milfestival-theme .primary-color-small {
  color: rgba(11, 36, 94, 0.6);
}
.milfestival-theme .marine-background {
  background-color: #0f223e !important;
}
.milfestival-theme .primary-background {
  background-color: #0B245E !important;
}
.milfestival-theme .primary-background-50 {
  background-color: #e3e4f6 !important;
}
.milfestival-theme .primary-background-200 {
  background-color: #8990d8 !important;
}
.milfestival-theme .primary-background-800 {
  background-color: #0a1398 !important;
}
.milfestival-theme .white-color {
  color: white !important;
}
.milfestival-theme .secondary-color {
  color: #0B245E !important;
}
.milfestival-theme .secondary-background {
  background-color: #0B245E !important;
}
.milfestival-theme .secondary-background-semi {
  background-color: #0B245E !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #0B245E !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.milfestival-theme .secondary-background-full {
  background-color: #0B245E !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #0B245E !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.milfestival-theme .secondary-background-empty {
  background-color: #0B245E !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #0B245E !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.milfestival-theme .secondary-border {
  background-color: #0B245E !important;
}
.milfestival-theme .tertiary-color {
  color: #FFF500 !important;
}
.milfestival-theme button.button-tertiary {
  background-color: #FFF500 !important;
  color: #0B245E !important;
  border: 1px solid #0B245E !important;
}
.milfestival-theme span.red-text {
  color: #DB1F35 !important;
}
.milfestival-theme .tertiary-background {
  background-color: #FFF500 !important;
}
.milfestival-theme .tertiary-border {
  border-color: #FFF500 !important;
}
.milfestival-theme .dark-background {
  background-color: black !important;
}
.milfestival-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.milfestival-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.milfestival-theme .primary-soft-background {
  background-color: rgba(11, 36, 94, 0.1) !important;
}
.milfestival-theme .primary-soft-background:hover {
  background-color: rgba(11, 36, 94, 0.15) !important;
}
.milfestival-theme .primary-border {
  border-color: #0B245E !important;
}
.milfestival-theme .default-background {
  background-color: #fafafa !important;
}
.milfestival-theme .hover-primary:hover {
  color: #0B245E !important;
}
.milfestival-theme .hover-primary-background:hover {
  background-color: #0B245E !important;
}
.milfestival-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.milfestival-theme .warn-color {
  color: #e74737 !important;
}
.milfestival-theme .warn-border {
  border-color: #e74737 !important;
}
.milfestival-theme .accent-color {
  color: #fedd93 !important;
}
.milfestival-theme .accent-background {
  background-color: #fedd93 !important;
}
.milfestival-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.milfestival-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.milfestival-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.milfestival-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.milfestival-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.milfestival-theme .dialog-table tr .action-icon {
  color: transparent;
}
.milfestival-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.milfestival-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.milfestival-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #0B245E;
}
.milfestival-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.milfestival-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.milfestival-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.milfestival-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.milfestival-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.milfestival-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.milfestival-theme .card-table tr .action-icon {
  color: transparent;
}
.milfestival-theme .card-table tr .action-icon button {
  color: transparent;
}
.milfestival-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.milfestival-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.milfestival-theme .card-table tr:hover .action-icon button {
  color: #0B245E;
}
.milfestival-theme .card-table tr:hover .action-icon:hover {
  color: #0B245E;
}
.milfestival-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.milfestival-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.milfestival-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.milfestival-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.milfestival-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #0B245E;
}
.milfestival-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.milfestival-theme .no-hover-table tr:hover {
  background: white;
}
.milfestival-theme .custom-standard-chip {
  background-color: rgba(11, 36, 94, 0.1) !important;
  color: #0B245E !important;
}
.milfestival-theme .help-dashboard-card .mat-icon {
  color: #0B245E;
}
.milfestival-theme .help-dashboard-card:hover {
  background-color: #0B245E;
}
.milfestival-theme .help-dashboard-card:hover .mat-icon,
.milfestival-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.milfestival-theme .room-open {
  background-color: #0B245E !important;
  color: white !important;
}
.milfestival-theme .room-open:hover {
  background-color: #0B245E !important;
  color: white !important;
}
.milfestival-theme #public-office-page-groups .public-group-button-hover {
  background-color: #0B245E !important;
  color: white !important;
}
.milfestival-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.milfestival-theme .notification-container .show-tip {
  color: transparent;
}
.milfestival-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.milfestival-theme .notification-container:hover .show-tip {
  color: #0B245E;
}
.milfestival-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.milfestival-theme .notification-container .notification-subject .mat-icon {
  color: #0B245E;
}
.milfestival-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.milfestival-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.milfestival-theme .message-container .show-tip {
  color: transparent;
}
.milfestival-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.milfestival-theme .message-container:hover .show-tip {
  color: #0B245E;
}
.milfestival-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.milfestival-theme .message-container .message-subject .mat-icon {
  color: #0B245E;
}
.milfestival-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.milfestival-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.milfestival-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.milfestival-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.milfestival-theme .primary-200-outline input {
  caret-color: #8990d8;
  color: #0B245E;
}
.milfestival-theme .primary-200-outline label {
  color: #8990d8;
}
.milfestival-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #8990d8 !important;
}
.milfestival-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #8990d8;
}
.milfestival-theme mat-form-field .primary-outline label {
  color: #0B245E !important;
}
.milfestival-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #0B245E !important;
}
.milfestival-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #0B245E !important;
}
.milfestival-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.milfestival-theme .input-primary input {
  caret-color: #0B245E;
  color: #0B245E;
}
.milfestival-theme .input-primary label {
  color: #0B245E;
}
.milfestival-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #0B245E !important;
}
.milfestival-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.milfestival-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #0B245E;
  border-width: 1px;
}
.milfestival-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.milfestival-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.milfestival-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.milfestival-theme .boton-recarga {
  background-color: #0B245E;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.milfestival-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.milfestival-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.milfestival-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.milfestival-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.milfestival-theme .header-container button {
  padding: 0 !important;
}
.milfestival-theme .header-container .mat-button {
  min-width: unset !important;
}
.milfestival-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.milfestival-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.milfestival-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.milfestival-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.milfestival-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.milfestival-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.milfestival-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.milfestival-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.milfestival-theme .input-recarga-marine {
  border: 1px solid #0B245E !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.milfestival-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.milfestival-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.milfestival-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.milfestival-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.milfestival-theme .color-primary {
  color: #0B245E !important;
  fill: #0B245E !important;
}
.milfestival-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.milfestival-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.milfestival-theme .primary-contrast {
  color: #ffffff !important;
}
.milfestival-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0B245E !important;
}
.milfestival-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0B245E !important;
}
.milfestival-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.milfestival-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0B245E !important;
}
.milfestival-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.milfestival-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.milfestival-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.milfestival-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #0B245E !important;
}
.milfestival-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #0B245E !important;
}
.milfestival-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #0B245E !important;
}
.milfestival-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #0B245E !important;
}
.milfestival-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0B245E !important;
}
.milfestival-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.milfestival-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0B245E !important;
}
.milfestival-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.milfestival-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0B245E !important;
}
.milfestival-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.milfestival-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.milfestival-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0B245E !important;
}
.milfestival-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0B245E !important;
}
.milfestival-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.milfestival-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0B245E !important;
}
.milfestival-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #0B245E !important;
}
.milfestival-theme .mat-checkbox-checked .mat-checkbox-background,
.milfestival-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #0B245E !important;
}
.milfestival-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0B245E !important;
}
.milfestival-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.milfestival-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0B245E !important;
}
.milfestival-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.milfestival-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0B245E !important;
}
.milfestival-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #8990d8 !important;
}
.milfestival-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0B245E !important;
}
.milfestival-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.milfestival-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.milfestival-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.milfestival-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.milfestival-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #0B245E !important;
}
.milfestival-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0B245E !important;
}
.milfestival-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0B245E !important;
}
.milfestival-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.milfestival-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0B245E !important;
}
.milfestival-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0B245E !important;
}
.milfestival-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0B245E !important;
}
.milfestival-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.milfestival-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.milfestival-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #0B245E !important;
}
.milfestival-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0B245E !important;
}
.milfestival-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.milfestival-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.milfestival-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0B245E !important;
}
.milfestival-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.milfestival-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.milfestival-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.milfestival-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0B245E !important;
}
.milfestival-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.milfestival-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0B245E !important;
}
.milfestival-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0B245E !important;
}
.milfestival-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0B245E !important;
}
.milfestival-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.milfestival-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.milfestival-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.milfestival-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #0B245E !important;
}
.milfestival-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #0B245E !important;
}
.milfestival-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0B245E !important;
}
.milfestival-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0B245E !important;
}
.milfestival-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.milfestival-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0B245E !important;
}
.milfestival-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0B245E !important;
}
.milfestival-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.milfestival-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #0B245E !important;
}
.milfestival-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #0B245E !important;
}
.milfestival-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.milfestival-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.milfestival-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.milfestival-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #0B245E !important;
}
.milfestival-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0B245E !important;
}
.milfestival-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.milfestival-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.milfestival-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #FFF500 !important;
}
.milfestival-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #FFF500 !important;
}
.milfestival-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFF500 !important;
}
.milfestival-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #FFF500 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.milfestival-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #FFF500 !important;
}
.milfestival-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #FFF500 !important;
}
.milfestival-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #0B245E !important;
}
.milfestival-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #0B245E !important;
}
.milfestival-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #0B245E !important;
}
.milfestival-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.milfestival-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.milfestival-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.milfestival-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.milfestival-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.milfestival-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #0B245E !important;
}
.milfestival-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #0B245E !important;
}
.milfestival-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #0B245E !important;
}
.milfestival-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #0B245E !important;
}
.milfestival-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #0B245E !important;
}
.milfestival-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #0B245E !important;
}
.milfestival-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.milfestival-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #0B245E !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.milfestival-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.milfestival-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.milfestival-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.milfestival-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.milfestival-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.milfestival-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #0B245E !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.milfestival-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #0B245E !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #0B245E !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.milfestival-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #0B245E !important;
}
.milfestival-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.milfestival-theme .button-text-hidden {
  display: none;
}
.canelaparty-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #256fe8;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #256fe8 87%, transparent);
  --mat-form-field-filled-caret-color: #256fe8;
  --mat-form-field-filled-focus-active-indicator-color: #256fe8;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #256fe8 87%, transparent);
  --mat-form-field-outlined-caret-color: #256fe8;
  --mat-form-field-outlined-focus-outline-color: #256fe8;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #256fe8 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #256fe8;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #256fe8;
  --mat-slide-toggle-selected-handle-color: #256fe8;
  --mat-slide-toggle-selected-hover-state-layer-color: #256fe8;
  --mat-slide-toggle-selected-pressed-state-layer-color: #256fe8;
  --mat-slide-toggle-selected-focus-handle-color: #256fe8;
  --mat-slide-toggle-selected-hover-handle-color: #256fe8;
  --mat-slide-toggle-selected-pressed-handle-color: #256fe8;
  --mat-slide-toggle-selected-focus-track-color: #669aef;
  --mat-slide-toggle-selected-hover-track-color: #669aef;
  --mat-slide-toggle-selected-pressed-track-color: #669aef;
  --mat-slide-toggle-selected-track-color: #669aef;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #256fe8;
  --mat-slider-focus-handle-color: #256fe8;
  --mat-slider-handle-color: #256fe8;
  --mat-slider-hover-handle-color: #256fe8;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #256fe8 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #256fe8 4%, transparent);
  --mat-slider-inactive-track-color: #256fe8;
  --mat-slider-ripple-color: #256fe8;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #256fe8;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #669aef;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #256fe8;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #256fe8;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #256fe8 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #256fe8;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #256fe8 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #256fe8 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #256fe8 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #256fe8;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #256fe8;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #256fe8;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #256fe8;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #256fe8;
  --mat-slide-toggle-selected-handle-color: #256fe8;
  --mat-slide-toggle-selected-hover-state-layer-color: #256fe8;
  --mat-slide-toggle-selected-pressed-state-layer-color: #256fe8;
  --mat-slide-toggle-selected-focus-handle-color: #256fe8;
  --mat-slide-toggle-selected-hover-handle-color: #256fe8;
  --mat-slide-toggle-selected-pressed-handle-color: #256fe8;
  --mat-slide-toggle-selected-focus-track-color: #669aef;
  --mat-slide-toggle-selected-hover-track-color: #669aef;
  --mat-slide-toggle-selected-pressed-track-color: #669aef;
  --mat-slide-toggle-selected-track-color: #669aef;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.canelaparty-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.canelaparty-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.canelaparty-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #256fe8;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #256fe8;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.canelaparty-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.canelaparty-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.canelaparty-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #256fe8;
  --mat-progress-bar-track-color: rgba(37, 111, 232, 0.25);
}
.canelaparty-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.canelaparty-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.canelaparty-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.canelaparty-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.canelaparty-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.canelaparty-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.canelaparty-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.canelaparty-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.canelaparty-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.canelaparty-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #256fe8;
  --mat-chip-elevated-disabled-container-color: #256fe8;
  --mat-chip-elevated-selected-container-color: #256fe8;
  --mat-chip-flat-disabled-selected-container-color: #256fe8;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.canelaparty-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.canelaparty-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.canelaparty-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.canelaparty-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.canelaparty-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.canelaparty-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.canelaparty-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.canelaparty-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.canelaparty-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.canelaparty-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #256fe8;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #256fe8;
  --mat-radio-selected-hover-icon-color: #256fe8;
  --mat-radio-selected-icon-color: #256fe8;
  --mat-radio-selected-pressed-icon-color: #256fe8;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.canelaparty-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.canelaparty-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.canelaparty-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.canelaparty-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.canelaparty-theme .mdc-list-item__start,
.canelaparty-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #256fe8;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #256fe8;
  --mat-radio-selected-hover-icon-color: #256fe8;
  --mat-radio-selected-icon-color: #256fe8;
  --mat-radio-selected-pressed-icon-color: #256fe8;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.canelaparty-theme .mat-accent .mdc-list-item__start,
.canelaparty-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.canelaparty-theme .mat-warn .mdc-list-item__start,
.canelaparty-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.canelaparty-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #256fe8;
  --mat-checkbox-selected-hover-icon-color: #256fe8;
  --mat-checkbox-selected-icon-color: #256fe8;
  --mat-checkbox-selected-pressed-icon-color: #256fe8;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #256fe8;
  --mat-checkbox-selected-hover-state-layer-color: #256fe8;
  --mat-checkbox-selected-pressed-state-layer-color: #256fe8;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.canelaparty-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.canelaparty-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.canelaparty-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.canelaparty-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.canelaparty-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.canelaparty-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #256fe8;
}
.canelaparty-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.canelaparty-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.canelaparty-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.canelaparty-theme .mdc-list-item__start,
.canelaparty-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.canelaparty-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.canelaparty-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.canelaparty-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.canelaparty-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.canelaparty-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.canelaparty-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.canelaparty-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.canelaparty-theme .mat-mdc-tab-group,
.canelaparty-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #256fe8;
  --mat-tab-active-ripple-color: #256fe8;
  --mat-tab-inactive-ripple-color: #256fe8;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #256fe8;
  --mat-tab-active-hover-label-text-color: #256fe8;
  --mat-tab-active-focus-indicator-color: #256fe8;
  --mat-tab-active-hover-indicator-color: #256fe8;
  --mat-tab-active-indicator-color: #256fe8;
}
.canelaparty-theme .mat-mdc-tab-group.mat-accent,
.canelaparty-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.canelaparty-theme .mat-mdc-tab-group.mat-warn,
.canelaparty-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.canelaparty-theme .mat-mdc-tab-group.mat-background-primary,
.canelaparty-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #256fe8;
  --mat-tab-foreground-color: #ffffff;
}
.canelaparty-theme .mat-mdc-tab-group.mat-background-accent,
.canelaparty-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.canelaparty-theme .mat-mdc-tab-group.mat-background-warn,
.canelaparty-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.canelaparty-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.canelaparty-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.canelaparty-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #256fe8;
  --mat-checkbox-selected-hover-icon-color: #256fe8;
  --mat-checkbox-selected-icon-color: #256fe8;
  --mat-checkbox-selected-pressed-icon-color: #256fe8;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #256fe8;
  --mat-checkbox-selected-hover-state-layer-color: #256fe8;
  --mat-checkbox-selected-pressed-state-layer-color: #256fe8;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.canelaparty-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.canelaparty-theme .mat-mdc-button.mat-primary,
.canelaparty-theme .mat-mdc-unelevated-button.mat-primary,
.canelaparty-theme .mat-mdc-raised-button.mat-primary,
.canelaparty-theme .mat-mdc-outlined-button.mat-primary,
.canelaparty-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #256fe8;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #256fe8;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #256fe8 12%, transparent);
  --mat-button-outlined-state-layer-color: #256fe8;
  --mat-button-protected-container-color: #256fe8;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #256fe8;
  --mat-button-text-ripple-color: color-mix(in srgb, #256fe8 12%, transparent);
  --mat-button-text-state-layer-color: #256fe8;
  --mat-button-tonal-container-color: #256fe8;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.canelaparty-theme .mat-mdc-button.mat-accent,
.canelaparty-theme .mat-mdc-unelevated-button.mat-accent,
.canelaparty-theme .mat-mdc-raised-button.mat-accent,
.canelaparty-theme .mat-mdc-outlined-button.mat-accent,
.canelaparty-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.canelaparty-theme .mat-mdc-button.mat-warn,
.canelaparty-theme .mat-mdc-unelevated-button.mat-warn,
.canelaparty-theme .mat-mdc-raised-button.mat-warn,
.canelaparty-theme .mat-mdc-outlined-button.mat-warn,
.canelaparty-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.canelaparty-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #256fe8;
  --mat-icon-button-state-layer-color: #256fe8;
  --mat-icon-button-ripple-color: color-mix(in srgb, #256fe8 12%, transparent);
}
.canelaparty-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.canelaparty-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.canelaparty-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.canelaparty-theme .mat-mdc-fab.mat-primary,
.canelaparty-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #256fe8;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #256fe8 12%, transparent);
  --mat-fab-small-container-color: #256fe8;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.canelaparty-theme .mat-mdc-fab.mat-accent,
.canelaparty-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.canelaparty-theme .mat-mdc-fab.mat-warn,
.canelaparty-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.canelaparty-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.canelaparty-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.canelaparty-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.canelaparty-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.canelaparty-theme .mat-datepicker-content.mat-accent,
.canelaparty-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.canelaparty-theme .mat-datepicker-content.mat-warn,
.canelaparty-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.canelaparty-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.canelaparty-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.canelaparty-theme .mat-icon.mat-primary {
  --mat-icon-color: #256fe8;
}
.canelaparty-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.canelaparty-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.canelaparty-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.canelaparty-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.canelaparty-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #256fe8;
  --mat-toolbar-container-text-color: #ffffff;
}
.canelaparty-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.canelaparty-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.canelaparty-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.canelaparty-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.canelaparty-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.canelaparty-theme .back-container {
  color: #256fe8;
}
.canelaparty-theme .back-container:hover {
  opacity: 0.54;
}
.canelaparty-theme .warn-text {
  color: #e74737;
}
.canelaparty-theme .inside-modal-title.primary-colored-title,
.canelaparty-theme .form-title.primary-colored-title {
  color: #256fe8;
}
.canelaparty-theme .full-height-container form .button-container {
  background: white;
}
.canelaparty-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.canelaparty-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.canelaparty-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.canelaparty-theme .box-checkbox.active-box-checkbox {
  background-color: #256fe8;
  color: white;
}
.canelaparty-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.canelaparty-theme .box-radio.active-box-radio {
  background-color: #256fe8;
  color: white;
}
.canelaparty-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.canelaparty-theme .error {
  color: #e74737;
}
.canelaparty-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.canelaparty-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.canelaparty-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.canelaparty-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.canelaparty-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.canelaparty-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.canelaparty-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.canelaparty-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.canelaparty-theme .ql-snow .ql-picker-options {
  background: white;
}
.canelaparty-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.canelaparty-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.canelaparty-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.canelaparty-theme .ql-snow .ql-fill,
.canelaparty-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.canelaparty-theme .ql-snow.ql-toolbar button:hover,
.canelaparty-theme .ql-snow .ql-toolbar button:hover,
.canelaparty-theme .ql-snow.ql-toolbar button:focus,
.canelaparty-theme .ql-snow .ql-toolbar button:focus,
.canelaparty-theme .ql-snow.ql-toolbar button.ql-active,
.canelaparty-theme .ql-snow .ql-toolbar button.ql-active,
.canelaparty-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.canelaparty-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.canelaparty-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.canelaparty-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.canelaparty-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.canelaparty-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.canelaparty-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.canelaparty-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.canelaparty-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.canelaparty-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.canelaparty-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.canelaparty-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.canelaparty-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.canelaparty-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.canelaparty-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.canelaparty-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.canelaparty-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.canelaparty-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.canelaparty-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.canelaparty-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.canelaparty-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.canelaparty-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.canelaparty-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.canelaparty-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.canelaparty-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.canelaparty-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.canelaparty-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.canelaparty-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.canelaparty-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.canelaparty-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.canelaparty-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.canelaparty-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.canelaparty-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.canelaparty-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.canelaparty-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.canelaparty-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.canelaparty-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.canelaparty-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.canelaparty-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.canelaparty-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.canelaparty-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.canelaparty-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.canelaparty-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.canelaparty-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.canelaparty-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.canelaparty-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.canelaparty-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.canelaparty-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.canelaparty-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.canelaparty-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.canelaparty-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.canelaparty-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.canelaparty-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.canelaparty-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.canelaparty-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.canelaparty-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.canelaparty-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.canelaparty-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.canelaparty-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.canelaparty-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.canelaparty-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.canelaparty-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.canelaparty-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.canelaparty-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.canelaparty-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.canelaparty-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.canelaparty-theme bee-form-item {
  margin-right: 0 !important;
}
.canelaparty-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.canelaparty-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #256fe8;
  height: 38px !important;
}
.canelaparty-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.canelaparty-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.canelaparty-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.canelaparty-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.canelaparty-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.canelaparty-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.canelaparty-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.canelaparty-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.canelaparty-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .canelaparty-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.canelaparty-theme .general-container .label-wrapper label {
  color: #256fe8 !important;
  background-color: white;
}
.canelaparty-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.canelaparty-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.canelaparty-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.canelaparty-theme .general-container .bee-selector .bee-selector-container {
  border-color: #256fe8 !important;
}
.canelaparty-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.canelaparty-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.canelaparty-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.canelaparty-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.canelaparty-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.canelaparty-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.canelaparty-theme .general-container .bee-selector .bee-selector-container:focus,
.canelaparty-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #256fe8;
}
.canelaparty-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.canelaparty-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #256fe8;
}
.canelaparty-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.canelaparty-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #256fe8;
}
.canelaparty-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.canelaparty-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.canelaparty-theme .general-container .bee-dropdown {
  background: white;
}
.canelaparty-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #256fe8;
}
.canelaparty-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.canelaparty-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.canelaparty-theme .general-container .selector-error {
  color: #e74737;
}
.canelaparty-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.canelaparty-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.canelaparty-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.canelaparty-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.canelaparty-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #256fe8;
}
.canelaparty-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.canelaparty-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.canelaparty-theme .move-image-action-container:hover {
  color: #256fe8;
}
.canelaparty-theme .info-icon {
  color: #256fe8;
}
.canelaparty-theme .email-chip {
  color: #256fe8 !important;
  background-color: rgba(37, 111, 232, 0.15) !important;
}
.canelaparty-theme .email-chip .mat-chip-remove {
  color: #256fe8 !important;
  opacity: 1 !important;
}
.canelaparty-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.canelaparty-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.canelaparty-theme .mat-badge-content {
  color: #256fe8 !important;
}
.canelaparty-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #256fe8 !important;
}
.canelaparty-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #256fe8 !important;
}
.canelaparty-theme #circle-lleno {
  background: #9eb2ff;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.canelaparty-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.canelaparty-theme .marine-color {
  color: #0f223e !important;
}
.canelaparty-theme .primary-color {
  color: #256fe8 !important;
}
.canelaparty-theme .gray-color {
  color: #C0C4CA !important;
}
.canelaparty-theme .primary-color-200 {
  color: #92b7f4 !important;
}
.canelaparty-theme svg.primary-fill-svg {
  fill: #256fe8 !important;
}
.canelaparty-theme .primary-fill {
  fill: #256fe8 !important;
}
.canelaparty-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.canelaparty-theme .primary-border-50 {
  border-color: #e5eefc !important;
}
.canelaparty-theme .primary-border-100 {
  border-color: #bed4f8 !important;
}
.canelaparty-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.canelaparty-theme .transparent-border-100 {
  border-color: transparent !important;
}
.canelaparty-theme .primary-border-200 {
  border-color: #92b7f4 !important;
}
.canelaparty-theme .primary-indicator .mat-expansion-indicator:after {
  color: #256fe8;
}
.canelaparty-theme .contrast-background {
  background-color: #ffffff !important;
}
.canelaparty-theme .primary-color-small {
  color: rgba(37, 111, 232, 0.6);
}
.canelaparty-theme .marine-background {
  background-color: #0f223e !important;
}
.canelaparty-theme .primary-background {
  background-color: #256fe8 !important;
}
.canelaparty-theme .primary-background-50 {
  background-color: #e5eefc !important;
}
.canelaparty-theme .primary-background-200 {
  background-color: #92b7f4 !important;
}
.canelaparty-theme .primary-background-800 {
  background-color: #1652de !important;
}
.canelaparty-theme .white-color {
  color: white !important;
}
.canelaparty-theme .secondary-color {
  color: #9eb2ff !important;
}
.canelaparty-theme .secondary-background {
  background-color: #9eb2ff !important;
}
.canelaparty-theme .secondary-background-semi {
  background-color: #256fe8 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #256fe8 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.canelaparty-theme .secondary-background-full {
  background-color: #256fe8 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #256fe8 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.canelaparty-theme .secondary-background-empty {
  background-color: #256fe8 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #256fe8 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.canelaparty-theme .secondary-border {
  background-color: #9eb2ff !important;
}
.canelaparty-theme .tertiary-color {
  color: #9eb2ff !important;
}
.canelaparty-theme button.button-tertiary {
  background-color: #9eb2ff !important;
  color: #256fe8 !important;
  border: 1px solid #256fe8 !important;
}
.canelaparty-theme span.red-text {
  color: #DB1F35 !important;
}
.canelaparty-theme .tertiary-background {
  background-color: #9eb2ff !important;
}
.canelaparty-theme .tertiary-border {
  border-color: #9eb2ff !important;
}
.canelaparty-theme .dark-background {
  background-color: black !important;
}
.canelaparty-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.canelaparty-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.canelaparty-theme .primary-soft-background {
  background-color: rgba(37, 111, 232, 0.1) !important;
}
.canelaparty-theme .primary-soft-background:hover {
  background-color: rgba(37, 111, 232, 0.15) !important;
}
.canelaparty-theme .primary-border {
  border-color: #256fe8 !important;
}
.canelaparty-theme .default-background {
  background-color: #fafafa !important;
}
.canelaparty-theme .hover-primary:hover {
  color: #256fe8 !important;
}
.canelaparty-theme .hover-primary-background:hover {
  background-color: #256fe8 !important;
}
.canelaparty-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.canelaparty-theme .warn-color {
  color: #e74737 !important;
}
.canelaparty-theme .warn-border {
  border-color: #e74737 !important;
}
.canelaparty-theme .accent-color {
  color: #fedd93 !important;
}
.canelaparty-theme .accent-background {
  background-color: #fedd93 !important;
}
.canelaparty-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.canelaparty-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.canelaparty-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.canelaparty-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.canelaparty-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.canelaparty-theme .dialog-table tr .action-icon {
  color: transparent;
}
.canelaparty-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.canelaparty-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.canelaparty-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #256fe8;
}
.canelaparty-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.canelaparty-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.canelaparty-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.canelaparty-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.canelaparty-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.canelaparty-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.canelaparty-theme .card-table tr .action-icon {
  color: transparent;
}
.canelaparty-theme .card-table tr .action-icon button {
  color: transparent;
}
.canelaparty-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.canelaparty-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.canelaparty-theme .card-table tr:hover .action-icon button {
  color: #256fe8;
}
.canelaparty-theme .card-table tr:hover .action-icon:hover {
  color: #256fe8;
}
.canelaparty-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.canelaparty-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.canelaparty-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.canelaparty-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.canelaparty-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #256fe8;
}
.canelaparty-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.canelaparty-theme .no-hover-table tr:hover {
  background: white;
}
.canelaparty-theme .custom-standard-chip {
  background-color: rgba(37, 111, 232, 0.1) !important;
  color: #256fe8 !important;
}
.canelaparty-theme .help-dashboard-card .mat-icon {
  color: #256fe8;
}
.canelaparty-theme .help-dashboard-card:hover {
  background-color: #256fe8;
}
.canelaparty-theme .help-dashboard-card:hover .mat-icon,
.canelaparty-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.canelaparty-theme .room-open {
  background-color: #256fe8 !important;
  color: white !important;
}
.canelaparty-theme .room-open:hover {
  background-color: #256fe8 !important;
  color: white !important;
}
.canelaparty-theme #public-office-page-groups .public-group-button-hover {
  background-color: #256fe8 !important;
  color: white !important;
}
.canelaparty-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.canelaparty-theme .notification-container .show-tip {
  color: transparent;
}
.canelaparty-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.canelaparty-theme .notification-container:hover .show-tip {
  color: #256fe8;
}
.canelaparty-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.canelaparty-theme .notification-container .notification-subject .mat-icon {
  color: #256fe8;
}
.canelaparty-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.canelaparty-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.canelaparty-theme .message-container .show-tip {
  color: transparent;
}
.canelaparty-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.canelaparty-theme .message-container:hover .show-tip {
  color: #256fe8;
}
.canelaparty-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.canelaparty-theme .message-container .message-subject .mat-icon {
  color: #256fe8;
}
.canelaparty-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.canelaparty-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.canelaparty-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.canelaparty-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.canelaparty-theme .primary-200-outline input {
  caret-color: #92b7f4;
  color: #256fe8;
}
.canelaparty-theme .primary-200-outline label {
  color: #92b7f4;
}
.canelaparty-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #92b7f4 !important;
}
.canelaparty-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #92b7f4;
}
.canelaparty-theme mat-form-field .primary-outline label {
  color: #256fe8 !important;
}
.canelaparty-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #256fe8 !important;
}
.canelaparty-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #256fe8 !important;
}
.canelaparty-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.canelaparty-theme .input-primary input {
  caret-color: #256fe8;
  color: #256fe8;
}
.canelaparty-theme .input-primary label {
  color: #256fe8;
}
.canelaparty-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #256fe8 !important;
}
.canelaparty-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.canelaparty-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #256fe8;
  border-width: 1px;
}
.canelaparty-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.canelaparty-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.canelaparty-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.canelaparty-theme .boton-recarga {
  background-color: #256fe8;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.canelaparty-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.canelaparty-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.canelaparty-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.canelaparty-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.canelaparty-theme .header-container button {
  padding: 0 !important;
}
.canelaparty-theme .header-container .mat-button {
  min-width: unset !important;
}
.canelaparty-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.canelaparty-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.canelaparty-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.canelaparty-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.canelaparty-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.canelaparty-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.canelaparty-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.canelaparty-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.canelaparty-theme .input-recarga-marine {
  border: 1px solid #256fe8 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.canelaparty-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.canelaparty-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.canelaparty-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.canelaparty-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.canelaparty-theme .color-primary {
  color: #256fe8 !important;
  fill: #256fe8 !important;
}
.canelaparty-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.canelaparty-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.canelaparty-theme .primary-contrast {
  color: #ffffff !important;
}
.canelaparty-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #256fe8 !important;
}
.canelaparty-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #256fe8 !important;
}
.canelaparty-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.canelaparty-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #256fe8 !important;
}
.canelaparty-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.canelaparty-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.canelaparty-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.canelaparty-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #256fe8 !important;
}
.canelaparty-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #256fe8 !important;
}
.canelaparty-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #256fe8 !important;
}
.canelaparty-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #256fe8 !important;
}
.canelaparty-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #256fe8 !important;
}
.canelaparty-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.canelaparty-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #256fe8 !important;
}
.canelaparty-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.canelaparty-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #256fe8 !important;
}
.canelaparty-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.canelaparty-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.canelaparty-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #256fe8 !important;
}
.canelaparty-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #9eb2ff !important;
}
.canelaparty-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.canelaparty-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #256fe8 !important;
}
.canelaparty-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #256fe8 !important;
}
.canelaparty-theme .mat-checkbox-checked .mat-checkbox-background,
.canelaparty-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #256fe8 !important;
}
.canelaparty-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #256fe8 !important;
}
.canelaparty-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.canelaparty-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #256fe8 !important;
}
.canelaparty-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.canelaparty-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #256fe8 !important;
}
.canelaparty-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #92b7f4 !important;
}
.canelaparty-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #256fe8 !important;
}
.canelaparty-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.canelaparty-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.canelaparty-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.canelaparty-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.canelaparty-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #256fe8 !important;
}
.canelaparty-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #256fe8 !important;
}
.canelaparty-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #256fe8 !important;
}
.canelaparty-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.canelaparty-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #256fe8 !important;
}
.canelaparty-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #256fe8 !important;
}
.canelaparty-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #256fe8 !important;
}
.canelaparty-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.canelaparty-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.canelaparty-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #256fe8 !important;
}
.canelaparty-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #256fe8 !important;
}
.canelaparty-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.canelaparty-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.canelaparty-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #256fe8 !important;
}
.canelaparty-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.canelaparty-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.canelaparty-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.canelaparty-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #256fe8 !important;
}
.canelaparty-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.canelaparty-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #256fe8 !important;
}
.canelaparty-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #256fe8 !important;
}
.canelaparty-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #256fe8 !important;
}
.canelaparty-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.canelaparty-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.canelaparty-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.canelaparty-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #256fe8 !important;
}
.canelaparty-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #256fe8 !important;
}
.canelaparty-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #9eb2ff !important;
}
.canelaparty-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #9eb2ff !important;
}
.canelaparty-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.canelaparty-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #256fe8 !important;
}
.canelaparty-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #256fe8 !important;
}
.canelaparty-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.canelaparty-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #256fe8 !important;
}
.canelaparty-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #256fe8 !important;
}
.canelaparty-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.canelaparty-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.canelaparty-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.canelaparty-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #9eb2ff !important;
}
.canelaparty-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #9eb2ff !important;
}
.canelaparty-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.canelaparty-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.canelaparty-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #9eb2ff !important;
}
.canelaparty-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #9eb2ff !important;
}
.canelaparty-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #9eb2ff !important;
}
.canelaparty-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #9eb2ff !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.canelaparty-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #9eb2ff !important;
}
.canelaparty-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #9eb2ff !important;
}
.canelaparty-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #256fe8 !important;
}
.canelaparty-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #256fe8 !important;
}
.canelaparty-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #256fe8 !important;
}
.canelaparty-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.canelaparty-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.canelaparty-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.canelaparty-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.canelaparty-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.canelaparty-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #256fe8 !important;
}
.canelaparty-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #256fe8 !important;
}
.canelaparty-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #256fe8 !important;
}
.canelaparty-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #256fe8 !important;
}
.canelaparty-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #256fe8 !important;
}
.canelaparty-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #256fe8 !important;
}
.canelaparty-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.canelaparty-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #256fe8 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.canelaparty-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.canelaparty-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.canelaparty-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.canelaparty-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.canelaparty-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.canelaparty-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #9eb2ff !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.canelaparty-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #256fe8 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #256fe8 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.canelaparty-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #256fe8 !important;
}
.canelaparty-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.canelaparty-theme .button-text-hidden {
  display: none;
}
.lataja-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #900200;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #900200 87%, transparent);
  --mat-form-field-filled-caret-color: #900200;
  --mat-form-field-filled-focus-active-indicator-color: #900200;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #900200 87%, transparent);
  --mat-form-field-outlined-caret-color: #900200;
  --mat-form-field-outlined-focus-outline-color: #900200;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #900200 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #900200;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #900200;
  --mat-slide-toggle-selected-handle-color: #900200;
  --mat-slide-toggle-selected-hover-state-layer-color: #900200;
  --mat-slide-toggle-selected-pressed-state-layer-color: #900200;
  --mat-slide-toggle-selected-focus-handle-color: #900200;
  --mat-slide-toggle-selected-hover-handle-color: #900200;
  --mat-slide-toggle-selected-pressed-handle-color: #900200;
  --mat-slide-toggle-selected-focus-track-color: #b14e4d;
  --mat-slide-toggle-selected-hover-track-color: #b14e4d;
  --mat-slide-toggle-selected-pressed-track-color: #b14e4d;
  --mat-slide-toggle-selected-track-color: #b14e4d;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #900200;
  --mat-slider-focus-handle-color: #900200;
  --mat-slider-handle-color: #900200;
  --mat-slider-hover-handle-color: #900200;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #900200 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #900200 4%, transparent);
  --mat-slider-inactive-track-color: #900200;
  --mat-slider-ripple-color: #900200;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #900200;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #b14e4d;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #900200;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #900200;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #900200 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #900200;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #900200 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #900200 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #900200 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #900200;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #900200;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #900200;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #900200;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #900200;
  --mat-slide-toggle-selected-handle-color: #900200;
  --mat-slide-toggle-selected-hover-state-layer-color: #900200;
  --mat-slide-toggle-selected-pressed-state-layer-color: #900200;
  --mat-slide-toggle-selected-focus-handle-color: #900200;
  --mat-slide-toggle-selected-hover-handle-color: #900200;
  --mat-slide-toggle-selected-pressed-handle-color: #900200;
  --mat-slide-toggle-selected-focus-track-color: #b14e4d;
  --mat-slide-toggle-selected-hover-track-color: #b14e4d;
  --mat-slide-toggle-selected-pressed-track-color: #b14e4d;
  --mat-slide-toggle-selected-track-color: #b14e4d;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.lataja-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.lataja-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.lataja-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #900200;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #900200;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.lataja-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.lataja-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.lataja-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #900200;
  --mat-progress-bar-track-color: rgba(144, 2, 0, 0.25);
}
.lataja-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.lataja-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.lataja-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.lataja-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.lataja-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.lataja-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.lataja-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.lataja-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.lataja-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.lataja-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #900200;
  --mat-chip-elevated-disabled-container-color: #900200;
  --mat-chip-elevated-selected-container-color: #900200;
  --mat-chip-flat-disabled-selected-container-color: #900200;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.lataja-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.lataja-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.lataja-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.lataja-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.lataja-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.lataja-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.lataja-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.lataja-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.lataja-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.lataja-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #900200;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #900200;
  --mat-radio-selected-hover-icon-color: #900200;
  --mat-radio-selected-icon-color: #900200;
  --mat-radio-selected-pressed-icon-color: #900200;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.lataja-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.lataja-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.lataja-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.lataja-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.lataja-theme .mdc-list-item__start,
.lataja-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #900200;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #900200;
  --mat-radio-selected-hover-icon-color: #900200;
  --mat-radio-selected-icon-color: #900200;
  --mat-radio-selected-pressed-icon-color: #900200;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.lataja-theme .mat-accent .mdc-list-item__start,
.lataja-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.lataja-theme .mat-warn .mdc-list-item__start,
.lataja-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.lataja-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #900200;
  --mat-checkbox-selected-hover-icon-color: #900200;
  --mat-checkbox-selected-icon-color: #900200;
  --mat-checkbox-selected-pressed-icon-color: #900200;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #900200;
  --mat-checkbox-selected-hover-state-layer-color: #900200;
  --mat-checkbox-selected-pressed-state-layer-color: #900200;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.lataja-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.lataja-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.lataja-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.lataja-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.lataja-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.lataja-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #900200;
}
.lataja-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.lataja-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.lataja-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.lataja-theme .mdc-list-item__start,
.lataja-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.lataja-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.lataja-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.lataja-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.lataja-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.lataja-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.lataja-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.lataja-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.lataja-theme .mat-mdc-tab-group,
.lataja-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #900200;
  --mat-tab-active-ripple-color: #900200;
  --mat-tab-inactive-ripple-color: #900200;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #900200;
  --mat-tab-active-hover-label-text-color: #900200;
  --mat-tab-active-focus-indicator-color: #900200;
  --mat-tab-active-hover-indicator-color: #900200;
  --mat-tab-active-indicator-color: #900200;
}
.lataja-theme .mat-mdc-tab-group.mat-accent,
.lataja-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.lataja-theme .mat-mdc-tab-group.mat-warn,
.lataja-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.lataja-theme .mat-mdc-tab-group.mat-background-primary,
.lataja-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #900200;
  --mat-tab-foreground-color: #ffffff;
}
.lataja-theme .mat-mdc-tab-group.mat-background-accent,
.lataja-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.lataja-theme .mat-mdc-tab-group.mat-background-warn,
.lataja-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.lataja-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.lataja-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.lataja-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #900200;
  --mat-checkbox-selected-hover-icon-color: #900200;
  --mat-checkbox-selected-icon-color: #900200;
  --mat-checkbox-selected-pressed-icon-color: #900200;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #900200;
  --mat-checkbox-selected-hover-state-layer-color: #900200;
  --mat-checkbox-selected-pressed-state-layer-color: #900200;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.lataja-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.lataja-theme .mat-mdc-button.mat-primary,
.lataja-theme .mat-mdc-unelevated-button.mat-primary,
.lataja-theme .mat-mdc-raised-button.mat-primary,
.lataja-theme .mat-mdc-outlined-button.mat-primary,
.lataja-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #900200;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #900200;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #900200 12%, transparent);
  --mat-button-outlined-state-layer-color: #900200;
  --mat-button-protected-container-color: #900200;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #900200;
  --mat-button-text-ripple-color: color-mix(in srgb, #900200 12%, transparent);
  --mat-button-text-state-layer-color: #900200;
  --mat-button-tonal-container-color: #900200;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.lataja-theme .mat-mdc-button.mat-accent,
.lataja-theme .mat-mdc-unelevated-button.mat-accent,
.lataja-theme .mat-mdc-raised-button.mat-accent,
.lataja-theme .mat-mdc-outlined-button.mat-accent,
.lataja-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.lataja-theme .mat-mdc-button.mat-warn,
.lataja-theme .mat-mdc-unelevated-button.mat-warn,
.lataja-theme .mat-mdc-raised-button.mat-warn,
.lataja-theme .mat-mdc-outlined-button.mat-warn,
.lataja-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.lataja-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #900200;
  --mat-icon-button-state-layer-color: #900200;
  --mat-icon-button-ripple-color: color-mix(in srgb, #900200 12%, transparent);
}
.lataja-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.lataja-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.lataja-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.lataja-theme .mat-mdc-fab.mat-primary,
.lataja-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #900200;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #900200 12%, transparent);
  --mat-fab-small-container-color: #900200;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.lataja-theme .mat-mdc-fab.mat-accent,
.lataja-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.lataja-theme .mat-mdc-fab.mat-warn,
.lataja-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.lataja-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.lataja-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.lataja-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.lataja-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.lataja-theme .mat-datepicker-content.mat-accent,
.lataja-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.lataja-theme .mat-datepicker-content.mat-warn,
.lataja-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.lataja-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.lataja-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.lataja-theme .mat-icon.mat-primary {
  --mat-icon-color: #900200;
}
.lataja-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.lataja-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.lataja-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.lataja-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.lataja-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #900200;
  --mat-toolbar-container-text-color: #ffffff;
}
.lataja-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.lataja-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.lataja-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.lataja-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.lataja-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.lataja-theme .back-container {
  color: #900200;
}
.lataja-theme .back-container:hover {
  opacity: 0.54;
}
.lataja-theme .warn-text {
  color: #e74737;
}
.lataja-theme .inside-modal-title.primary-colored-title,
.lataja-theme .form-title.primary-colored-title {
  color: #900200;
}
.lataja-theme .full-height-container form .button-container {
  background: white;
}
.lataja-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.lataja-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.lataja-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.lataja-theme .box-checkbox.active-box-checkbox {
  background-color: #900200;
  color: white;
}
.lataja-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.lataja-theme .box-radio.active-box-radio {
  background-color: #900200;
  color: white;
}
.lataja-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.lataja-theme .error {
  color: #e74737;
}
.lataja-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.lataja-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.lataja-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.lataja-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.lataja-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.lataja-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.lataja-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.lataja-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.lataja-theme .ql-snow .ql-picker-options {
  background: white;
}
.lataja-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.lataja-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.lataja-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.lataja-theme .ql-snow .ql-fill,
.lataja-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.lataja-theme .ql-snow.ql-toolbar button:hover,
.lataja-theme .ql-snow .ql-toolbar button:hover,
.lataja-theme .ql-snow.ql-toolbar button:focus,
.lataja-theme .ql-snow .ql-toolbar button:focus,
.lataja-theme .ql-snow.ql-toolbar button.ql-active,
.lataja-theme .ql-snow .ql-toolbar button.ql-active,
.lataja-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.lataja-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.lataja-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.lataja-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.lataja-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.lataja-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.lataja-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.lataja-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.lataja-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.lataja-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.lataja-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.lataja-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.lataja-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.lataja-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.lataja-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.lataja-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.lataja-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.lataja-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.lataja-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.lataja-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.lataja-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.lataja-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.lataja-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.lataja-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.lataja-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.lataja-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.lataja-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.lataja-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.lataja-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.lataja-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.lataja-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.lataja-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.lataja-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.lataja-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.lataja-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.lataja-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.lataja-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.lataja-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.lataja-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.lataja-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.lataja-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.lataja-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.lataja-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.lataja-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.lataja-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.lataja-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.lataja-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.lataja-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.lataja-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.lataja-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.lataja-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.lataja-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.lataja-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.lataja-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.lataja-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.lataja-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.lataja-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.lataja-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.lataja-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.lataja-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.lataja-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.lataja-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.lataja-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.lataja-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.lataja-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.lataja-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.lataja-theme bee-form-item {
  margin-right: 0 !important;
}
.lataja-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.lataja-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #900200;
  height: 38px !important;
}
.lataja-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.lataja-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.lataja-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.lataja-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.lataja-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.lataja-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.lataja-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.lataja-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.lataja-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .lataja-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.lataja-theme .general-container .label-wrapper label {
  color: #900200 !important;
  background-color: white;
}
.lataja-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.lataja-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.lataja-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.lataja-theme .general-container .bee-selector .bee-selector-container {
  border-color: #900200 !important;
}
.lataja-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.lataja-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.lataja-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.lataja-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.lataja-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.lataja-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.lataja-theme .general-container .bee-selector .bee-selector-container:focus,
.lataja-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #900200;
}
.lataja-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.lataja-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #900200;
}
.lataja-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.lataja-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #900200;
}
.lataja-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.lataja-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.lataja-theme .general-container .bee-dropdown {
  background: white;
}
.lataja-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #900200;
}
.lataja-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.lataja-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.lataja-theme .general-container .selector-error {
  color: #e74737;
}
.lataja-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.lataja-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.lataja-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.lataja-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.lataja-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #900200;
}
.lataja-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.lataja-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.lataja-theme .move-image-action-container:hover {
  color: #900200;
}
.lataja-theme .info-icon {
  color: #900200;
}
.lataja-theme .email-chip {
  color: #900200 !important;
  background-color: rgba(144, 2, 0, 0.15) !important;
}
.lataja-theme .email-chip .mat-chip-remove {
  color: #900200 !important;
  opacity: 1 !important;
}
.lataja-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.lataja-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.lataja-theme .mat-badge-content {
  color: #900200 !important;
}
.lataja-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #900200 !important;
}
.lataja-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #900200 !important;
}
.lataja-theme #circle-lleno {
  background: #ff2b2b;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.lataja-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.lataja-theme .marine-color {
  color: #0f223e !important;
}
.lataja-theme .primary-color {
  color: #900200 !important;
}
.lataja-theme .gray-color {
  color: #C0C4CA !important;
}
.lataja-theme .primary-color-200 {
  color: #c88180 !important;
}
.lataja-theme svg.primary-fill-svg {
  fill: #900200 !important;
}
.lataja-theme .primary-fill {
  fill: #900200 !important;
}
.lataja-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.lataja-theme .primary-border-50 {
  border-color: #f2e1e0 !important;
}
.lataja-theme .primary-border-100 {
  border-color: #deb3b3 !important;
}
.lataja-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.lataja-theme .transparent-border-100 {
  border-color: transparent !important;
}
.lataja-theme .primary-border-200 {
  border-color: #c88180 !important;
}
.lataja-theme .primary-indicator .mat-expansion-indicator:after {
  color: #900200;
}
.lataja-theme .contrast-background {
  background-color: #ffffff !important;
}
.lataja-theme .primary-color-small {
  color: rgba(144, 2, 0, 0.6);
}
.lataja-theme .marine-background {
  background-color: #0f223e !important;
}
.lataja-theme .primary-background {
  background-color: #900200 !important;
}
.lataja-theme .primary-background-50 {
  background-color: #f2e1e0 !important;
}
.lataja-theme .primary-background-200 {
  background-color: #c88180 !important;
}
.lataja-theme .primary-background-800 {
  background-color: #730100 !important;
}
.lataja-theme .white-color {
  color: white !important;
}
.lataja-theme .secondary-color {
  color: #ff2b2b !important;
}
.lataja-theme .secondary-background {
  background-color: #ff2b2b !important;
}
.lataja-theme .secondary-background-semi {
  background-color: #900200 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #900200 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.lataja-theme .secondary-background-full {
  background-color: #900200 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #900200 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.lataja-theme .secondary-background-empty {
  background-color: #900200 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #900200 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.lataja-theme .secondary-border {
  background-color: #ff2b2b !important;
}
.lataja-theme .tertiary-color {
  color: #ff2b2b !important;
}
.lataja-theme button.button-tertiary {
  background-color: #ff2b2b !important;
  color: #900200 !important;
  border: 1px solid #900200 !important;
}
.lataja-theme span.red-text {
  color: #DB1F35 !important;
}
.lataja-theme .tertiary-background {
  background-color: #ff2b2b !important;
}
.lataja-theme .tertiary-border {
  border-color: #ff2b2b !important;
}
.lataja-theme .dark-background {
  background-color: black !important;
}
.lataja-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.lataja-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.lataja-theme .primary-soft-background {
  background-color: rgba(144, 2, 0, 0.1) !important;
}
.lataja-theme .primary-soft-background:hover {
  background-color: rgba(144, 2, 0, 0.15) !important;
}
.lataja-theme .primary-border {
  border-color: #900200 !important;
}
.lataja-theme .default-background {
  background-color: #fafafa !important;
}
.lataja-theme .hover-primary:hover {
  color: #900200 !important;
}
.lataja-theme .hover-primary-background:hover {
  background-color: #900200 !important;
}
.lataja-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.lataja-theme .warn-color {
  color: #e74737 !important;
}
.lataja-theme .warn-border {
  border-color: #e74737 !important;
}
.lataja-theme .accent-color {
  color: #fedd93 !important;
}
.lataja-theme .accent-background {
  background-color: #fedd93 !important;
}
.lataja-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.lataja-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.lataja-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.lataja-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.lataja-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.lataja-theme .dialog-table tr .action-icon {
  color: transparent;
}
.lataja-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.lataja-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.lataja-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #900200;
}
.lataja-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.lataja-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.lataja-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.lataja-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.lataja-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.lataja-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.lataja-theme .card-table tr .action-icon {
  color: transparent;
}
.lataja-theme .card-table tr .action-icon button {
  color: transparent;
}
.lataja-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.lataja-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.lataja-theme .card-table tr:hover .action-icon button {
  color: #900200;
}
.lataja-theme .card-table tr:hover .action-icon:hover {
  color: #900200;
}
.lataja-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.lataja-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.lataja-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.lataja-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.lataja-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #900200;
}
.lataja-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.lataja-theme .no-hover-table tr:hover {
  background: white;
}
.lataja-theme .custom-standard-chip {
  background-color: rgba(144, 2, 0, 0.1) !important;
  color: #900200 !important;
}
.lataja-theme .help-dashboard-card .mat-icon {
  color: #900200;
}
.lataja-theme .help-dashboard-card:hover {
  background-color: #900200;
}
.lataja-theme .help-dashboard-card:hover .mat-icon,
.lataja-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.lataja-theme .room-open {
  background-color: #900200 !important;
  color: white !important;
}
.lataja-theme .room-open:hover {
  background-color: #900200 !important;
  color: white !important;
}
.lataja-theme #public-office-page-groups .public-group-button-hover {
  background-color: #900200 !important;
  color: white !important;
}
.lataja-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.lataja-theme .notification-container .show-tip {
  color: transparent;
}
.lataja-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.lataja-theme .notification-container:hover .show-tip {
  color: #900200;
}
.lataja-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.lataja-theme .notification-container .notification-subject .mat-icon {
  color: #900200;
}
.lataja-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.lataja-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.lataja-theme .message-container .show-tip {
  color: transparent;
}
.lataja-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.lataja-theme .message-container:hover .show-tip {
  color: #900200;
}
.lataja-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.lataja-theme .message-container .message-subject .mat-icon {
  color: #900200;
}
.lataja-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.lataja-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.lataja-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.lataja-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.lataja-theme .primary-200-outline input {
  caret-color: #c88180;
  color: #900200;
}
.lataja-theme .primary-200-outline label {
  color: #c88180;
}
.lataja-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #c88180 !important;
}
.lataja-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #c88180;
}
.lataja-theme mat-form-field .primary-outline label {
  color: #900200 !important;
}
.lataja-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #900200 !important;
}
.lataja-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #900200 !important;
}
.lataja-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.lataja-theme .input-primary input {
  caret-color: #900200;
  color: #900200;
}
.lataja-theme .input-primary label {
  color: #900200;
}
.lataja-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #900200 !important;
}
.lataja-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.lataja-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #900200;
  border-width: 1px;
}
.lataja-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.lataja-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.lataja-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.lataja-theme .boton-recarga {
  background-color: #900200;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.lataja-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.lataja-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.lataja-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.lataja-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.lataja-theme .header-container button {
  padding: 0 !important;
}
.lataja-theme .header-container .mat-button {
  min-width: unset !important;
}
.lataja-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.lataja-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lataja-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.lataja-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.lataja-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.lataja-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.lataja-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.lataja-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.lataja-theme .input-recarga-marine {
  border: 1px solid #900200 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.lataja-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.lataja-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.lataja-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.lataja-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.lataja-theme .color-primary {
  color: #900200 !important;
  fill: #900200 !important;
}
.lataja-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.lataja-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.lataja-theme .primary-contrast {
  color: #ffffff !important;
}
.lataja-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #900200 !important;
}
.lataja-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #900200 !important;
}
.lataja-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.lataja-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #900200 !important;
}
.lataja-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.lataja-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.lataja-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.lataja-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #900200 !important;
}
.lataja-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #900200 !important;
}
.lataja-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #900200 !important;
}
.lataja-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #900200 !important;
}
.lataja-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #900200 !important;
}
.lataja-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.lataja-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #900200 !important;
}
.lataja-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.lataja-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #900200 !important;
}
.lataja-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.lataja-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.lataja-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #900200 !important;
}
.lataja-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #ff2b2b !important;
}
.lataja-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.lataja-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #900200 !important;
}
.lataja-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #900200 !important;
}
.lataja-theme .mat-checkbox-checked .mat-checkbox-background,
.lataja-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #900200 !important;
}
.lataja-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #900200 !important;
}
.lataja-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.lataja-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #900200 !important;
}
.lataja-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.lataja-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #900200 !important;
}
.lataja-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #c88180 !important;
}
.lataja-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #900200 !important;
}
.lataja-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.lataja-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.lataja-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.lataja-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.lataja-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #900200 !important;
}
.lataja-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #900200 !important;
}
.lataja-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #900200 !important;
}
.lataja-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.lataja-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #900200 !important;
}
.lataja-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #900200 !important;
}
.lataja-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #900200 !important;
}
.lataja-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.lataja-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.lataja-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #900200 !important;
}
.lataja-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #900200 !important;
}
.lataja-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.lataja-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.lataja-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #900200 !important;
}
.lataja-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.lataja-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.lataja-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.lataja-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #900200 !important;
}
.lataja-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.lataja-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #900200 !important;
}
.lataja-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #900200 !important;
}
.lataja-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #900200 !important;
}
.lataja-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.lataja-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.lataja-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.lataja-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #900200 !important;
}
.lataja-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #900200 !important;
}
.lataja-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ff2b2b !important;
}
.lataja-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ff2b2b !important;
}
.lataja-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.lataja-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #900200 !important;
}
.lataja-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #900200 !important;
}
.lataja-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.lataja-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #900200 !important;
}
.lataja-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #900200 !important;
}
.lataja-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.lataja-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.lataja-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.lataja-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ff2b2b !important;
}
.lataja-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ff2b2b !important;
}
.lataja-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.lataja-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.lataja-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ff2b2b !important;
}
.lataja-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ff2b2b !important;
}
.lataja-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ff2b2b !important;
}
.lataja-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ff2b2b !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.lataja-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ff2b2b !important;
}
.lataja-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #ff2b2b !important;
}
.lataja-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #900200 !important;
}
.lataja-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #900200 !important;
}
.lataja-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #900200 !important;
}
.lataja-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.lataja-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.lataja-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.lataja-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.lataja-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.lataja-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #900200 !important;
}
.lataja-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #900200 !important;
}
.lataja-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #900200 !important;
}
.lataja-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #900200 !important;
}
.lataja-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #900200 !important;
}
.lataja-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #900200 !important;
}
.lataja-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.lataja-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #900200 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.lataja-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.lataja-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.lataja-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.lataja-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.lataja-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.lataja-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #ff2b2b !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.lataja-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #900200 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #900200 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.lataja-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #900200 !important;
}
.lataja-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.lataja-theme .button-text-hidden {
  display: none;
}
.tramuntanafestival-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #3c1d46;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #3c1d46 87%, transparent);
  --mat-form-field-filled-caret-color: #3c1d46;
  --mat-form-field-filled-focus-active-indicator-color: #3c1d46;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #3c1d46 87%, transparent);
  --mat-form-field-outlined-caret-color: #3c1d46;
  --mat-form-field-outlined-focus-outline-color: #3c1d46;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #3c1d46 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #3c1d46;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #3c1d46;
  --mat-slide-toggle-selected-handle-color: #3c1d46;
  --mat-slide-toggle-selected-hover-state-layer-color: #3c1d46;
  --mat-slide-toggle-selected-pressed-state-layer-color: #3c1d46;
  --mat-slide-toggle-selected-focus-handle-color: #3c1d46;
  --mat-slide-toggle-selected-hover-handle-color: #3c1d46;
  --mat-slide-toggle-selected-pressed-handle-color: #3c1d46;
  --mat-slide-toggle-selected-focus-track-color: #77617e;
  --mat-slide-toggle-selected-hover-track-color: #77617e;
  --mat-slide-toggle-selected-pressed-track-color: #77617e;
  --mat-slide-toggle-selected-track-color: #77617e;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #3c1d46;
  --mat-slider-focus-handle-color: #3c1d46;
  --mat-slider-handle-color: #3c1d46;
  --mat-slider-hover-handle-color: #3c1d46;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #3c1d46 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #3c1d46 4%, transparent);
  --mat-slider-inactive-track-color: #3c1d46;
  --mat-slider-ripple-color: #3c1d46;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #3c1d46;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #77617e;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #3c1d46;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #3c1d46;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #3c1d46 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #3c1d46;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #3c1d46 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #3c1d46 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #3c1d46 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #3c1d46;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #3c1d46;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #3c1d46;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #3c1d46;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #3c1d46;
  --mat-slide-toggle-selected-handle-color: #3c1d46;
  --mat-slide-toggle-selected-hover-state-layer-color: #3c1d46;
  --mat-slide-toggle-selected-pressed-state-layer-color: #3c1d46;
  --mat-slide-toggle-selected-focus-handle-color: #3c1d46;
  --mat-slide-toggle-selected-hover-handle-color: #3c1d46;
  --mat-slide-toggle-selected-pressed-handle-color: #3c1d46;
  --mat-slide-toggle-selected-focus-track-color: #77617e;
  --mat-slide-toggle-selected-hover-track-color: #77617e;
  --mat-slide-toggle-selected-pressed-track-color: #77617e;
  --mat-slide-toggle-selected-track-color: #77617e;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.tramuntanafestival-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.tramuntanafestival-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.tramuntanafestival-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #3c1d46;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #3c1d46;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.tramuntanafestival-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.tramuntanafestival-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.tramuntanafestival-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #3c1d46;
  --mat-progress-bar-track-color: rgba(60, 29, 70, 0.25);
}
.tramuntanafestival-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.tramuntanafestival-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.tramuntanafestival-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.tramuntanafestival-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.tramuntanafestival-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.tramuntanafestival-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.tramuntanafestival-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.tramuntanafestival-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.tramuntanafestival-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.tramuntanafestival-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #3c1d46;
  --mat-chip-elevated-disabled-container-color: #3c1d46;
  --mat-chip-elevated-selected-container-color: #3c1d46;
  --mat-chip-flat-disabled-selected-container-color: #3c1d46;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.tramuntanafestival-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.tramuntanafestival-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.tramuntanafestival-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.tramuntanafestival-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.tramuntanafestival-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.tramuntanafestival-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.tramuntanafestival-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.tramuntanafestival-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.tramuntanafestival-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.tramuntanafestival-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #3c1d46;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #3c1d46;
  --mat-radio-selected-hover-icon-color: #3c1d46;
  --mat-radio-selected-icon-color: #3c1d46;
  --mat-radio-selected-pressed-icon-color: #3c1d46;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.tramuntanafestival-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.tramuntanafestival-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.tramuntanafestival-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.tramuntanafestival-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.tramuntanafestival-theme .mdc-list-item__start,
.tramuntanafestival-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #3c1d46;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #3c1d46;
  --mat-radio-selected-hover-icon-color: #3c1d46;
  --mat-radio-selected-icon-color: #3c1d46;
  --mat-radio-selected-pressed-icon-color: #3c1d46;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.tramuntanafestival-theme .mat-accent .mdc-list-item__start,
.tramuntanafestival-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.tramuntanafestival-theme .mat-warn .mdc-list-item__start,
.tramuntanafestival-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.tramuntanafestival-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #3c1d46;
  --mat-checkbox-selected-hover-icon-color: #3c1d46;
  --mat-checkbox-selected-icon-color: #3c1d46;
  --mat-checkbox-selected-pressed-icon-color: #3c1d46;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #3c1d46;
  --mat-checkbox-selected-hover-state-layer-color: #3c1d46;
  --mat-checkbox-selected-pressed-state-layer-color: #3c1d46;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.tramuntanafestival-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.tramuntanafestival-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.tramuntanafestival-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.tramuntanafestival-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.tramuntanafestival-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.tramuntanafestival-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #3c1d46;
}
.tramuntanafestival-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.tramuntanafestival-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.tramuntanafestival-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.tramuntanafestival-theme .mdc-list-item__start,
.tramuntanafestival-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.tramuntanafestival-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.tramuntanafestival-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.tramuntanafestival-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.tramuntanafestival-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.tramuntanafestival-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.tramuntanafestival-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.tramuntanafestival-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.tramuntanafestival-theme .mat-mdc-tab-group,
.tramuntanafestival-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #3c1d46;
  --mat-tab-active-ripple-color: #3c1d46;
  --mat-tab-inactive-ripple-color: #3c1d46;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #3c1d46;
  --mat-tab-active-hover-label-text-color: #3c1d46;
  --mat-tab-active-focus-indicator-color: #3c1d46;
  --mat-tab-active-hover-indicator-color: #3c1d46;
  --mat-tab-active-indicator-color: #3c1d46;
}
.tramuntanafestival-theme .mat-mdc-tab-group.mat-accent,
.tramuntanafestival-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.tramuntanafestival-theme .mat-mdc-tab-group.mat-warn,
.tramuntanafestival-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.tramuntanafestival-theme .mat-mdc-tab-group.mat-background-primary,
.tramuntanafestival-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #3c1d46;
  --mat-tab-foreground-color: #ffffff;
}
.tramuntanafestival-theme .mat-mdc-tab-group.mat-background-accent,
.tramuntanafestival-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.tramuntanafestival-theme .mat-mdc-tab-group.mat-background-warn,
.tramuntanafestival-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.tramuntanafestival-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.tramuntanafestival-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.tramuntanafestival-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #3c1d46;
  --mat-checkbox-selected-hover-icon-color: #3c1d46;
  --mat-checkbox-selected-icon-color: #3c1d46;
  --mat-checkbox-selected-pressed-icon-color: #3c1d46;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #3c1d46;
  --mat-checkbox-selected-hover-state-layer-color: #3c1d46;
  --mat-checkbox-selected-pressed-state-layer-color: #3c1d46;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.tramuntanafestival-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.tramuntanafestival-theme .mat-mdc-button.mat-primary,
.tramuntanafestival-theme .mat-mdc-unelevated-button.mat-primary,
.tramuntanafestival-theme .mat-mdc-raised-button.mat-primary,
.tramuntanafestival-theme .mat-mdc-outlined-button.mat-primary,
.tramuntanafestival-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #3c1d46;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #3c1d46;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #3c1d46 12%, transparent);
  --mat-button-outlined-state-layer-color: #3c1d46;
  --mat-button-protected-container-color: #3c1d46;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #3c1d46;
  --mat-button-text-ripple-color: color-mix(in srgb, #3c1d46 12%, transparent);
  --mat-button-text-state-layer-color: #3c1d46;
  --mat-button-tonal-container-color: #3c1d46;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.tramuntanafestival-theme .mat-mdc-button.mat-accent,
.tramuntanafestival-theme .mat-mdc-unelevated-button.mat-accent,
.tramuntanafestival-theme .mat-mdc-raised-button.mat-accent,
.tramuntanafestival-theme .mat-mdc-outlined-button.mat-accent,
.tramuntanafestival-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.tramuntanafestival-theme .mat-mdc-button.mat-warn,
.tramuntanafestival-theme .mat-mdc-unelevated-button.mat-warn,
.tramuntanafestival-theme .mat-mdc-raised-button.mat-warn,
.tramuntanafestival-theme .mat-mdc-outlined-button.mat-warn,
.tramuntanafestival-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.tramuntanafestival-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #3c1d46;
  --mat-icon-button-state-layer-color: #3c1d46;
  --mat-icon-button-ripple-color: color-mix(in srgb, #3c1d46 12%, transparent);
}
.tramuntanafestival-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.tramuntanafestival-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.tramuntanafestival-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.tramuntanafestival-theme .mat-mdc-fab.mat-primary,
.tramuntanafestival-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #3c1d46;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #3c1d46 12%, transparent);
  --mat-fab-small-container-color: #3c1d46;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.tramuntanafestival-theme .mat-mdc-fab.mat-accent,
.tramuntanafestival-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.tramuntanafestival-theme .mat-mdc-fab.mat-warn,
.tramuntanafestival-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.tramuntanafestival-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.tramuntanafestival-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.tramuntanafestival-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.tramuntanafestival-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.tramuntanafestival-theme .mat-datepicker-content.mat-accent,
.tramuntanafestival-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.tramuntanafestival-theme .mat-datepicker-content.mat-warn,
.tramuntanafestival-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.tramuntanafestival-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.tramuntanafestival-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.tramuntanafestival-theme .mat-icon.mat-primary {
  --mat-icon-color: #3c1d46;
}
.tramuntanafestival-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.tramuntanafestival-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.tramuntanafestival-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.tramuntanafestival-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.tramuntanafestival-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #3c1d46;
  --mat-toolbar-container-text-color: #ffffff;
}
.tramuntanafestival-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.tramuntanafestival-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.tramuntanafestival-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.tramuntanafestival-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.tramuntanafestival-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.tramuntanafestival-theme .back-container {
  color: #3c1d46;
}
.tramuntanafestival-theme .back-container:hover {
  opacity: 0.54;
}
.tramuntanafestival-theme .warn-text {
  color: #e74737;
}
.tramuntanafestival-theme .inside-modal-title.primary-colored-title,
.tramuntanafestival-theme .form-title.primary-colored-title {
  color: #3c1d46;
}
.tramuntanafestival-theme .full-height-container form .button-container {
  background: white;
}
.tramuntanafestival-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.tramuntanafestival-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.tramuntanafestival-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.tramuntanafestival-theme .box-checkbox.active-box-checkbox {
  background-color: #3c1d46;
  color: white;
}
.tramuntanafestival-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.tramuntanafestival-theme .box-radio.active-box-radio {
  background-color: #3c1d46;
  color: white;
}
.tramuntanafestival-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.tramuntanafestival-theme .error {
  color: #e74737;
}
.tramuntanafestival-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.tramuntanafestival-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.tramuntanafestival-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.tramuntanafestival-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.tramuntanafestival-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.tramuntanafestival-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.tramuntanafestival-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.tramuntanafestival-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.tramuntanafestival-theme .ql-snow .ql-picker-options {
  background: white;
}
.tramuntanafestival-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.tramuntanafestival-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.tramuntanafestival-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.tramuntanafestival-theme .ql-snow .ql-fill,
.tramuntanafestival-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.tramuntanafestival-theme .ql-snow.ql-toolbar button:hover,
.tramuntanafestival-theme .ql-snow .ql-toolbar button:hover,
.tramuntanafestival-theme .ql-snow.ql-toolbar button:focus,
.tramuntanafestival-theme .ql-snow .ql-toolbar button:focus,
.tramuntanafestival-theme .ql-snow.ql-toolbar button.ql-active,
.tramuntanafestival-theme .ql-snow .ql-toolbar button.ql-active,
.tramuntanafestival-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.tramuntanafestival-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.tramuntanafestival-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.tramuntanafestival-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.tramuntanafestival-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.tramuntanafestival-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.tramuntanafestival-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.tramuntanafestival-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.tramuntanafestival-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.tramuntanafestival-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.tramuntanafestival-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.tramuntanafestival-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.tramuntanafestival-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.tramuntanafestival-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.tramuntanafestival-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.tramuntanafestival-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.tramuntanafestival-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.tramuntanafestival-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.tramuntanafestival-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.tramuntanafestival-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.tramuntanafestival-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.tramuntanafestival-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.tramuntanafestival-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.tramuntanafestival-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.tramuntanafestival-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.tramuntanafestival-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.tramuntanafestival-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.tramuntanafestival-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.tramuntanafestival-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.tramuntanafestival-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.tramuntanafestival-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.tramuntanafestival-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.tramuntanafestival-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.tramuntanafestival-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.tramuntanafestival-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.tramuntanafestival-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.tramuntanafestival-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.tramuntanafestival-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.tramuntanafestival-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.tramuntanafestival-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.tramuntanafestival-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.tramuntanafestival-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.tramuntanafestival-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.tramuntanafestival-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.tramuntanafestival-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.tramuntanafestival-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.tramuntanafestival-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.tramuntanafestival-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.tramuntanafestival-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.tramuntanafestival-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.tramuntanafestival-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.tramuntanafestival-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.tramuntanafestival-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.tramuntanafestival-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.tramuntanafestival-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.tramuntanafestival-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.tramuntanafestival-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.tramuntanafestival-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.tramuntanafestival-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.tramuntanafestival-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.tramuntanafestival-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.tramuntanafestival-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.tramuntanafestival-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.tramuntanafestival-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.tramuntanafestival-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.tramuntanafestival-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.tramuntanafestival-theme bee-form-item {
  margin-right: 0 !important;
}
.tramuntanafestival-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.tramuntanafestival-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #3c1d46;
  height: 38px !important;
}
.tramuntanafestival-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.tramuntanafestival-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.tramuntanafestival-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.tramuntanafestival-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.tramuntanafestival-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.tramuntanafestival-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.tramuntanafestival-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.tramuntanafestival-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.tramuntanafestival-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .tramuntanafestival-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.tramuntanafestival-theme .general-container .label-wrapper label {
  color: #3c1d46 !important;
  background-color: white;
}
.tramuntanafestival-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.tramuntanafestival-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.tramuntanafestival-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.tramuntanafestival-theme .general-container .bee-selector .bee-selector-container {
  border-color: #3c1d46 !important;
}
.tramuntanafestival-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.tramuntanafestival-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.tramuntanafestival-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.tramuntanafestival-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.tramuntanafestival-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.tramuntanafestival-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.tramuntanafestival-theme .general-container .bee-selector .bee-selector-container:focus,
.tramuntanafestival-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #3c1d46;
}
.tramuntanafestival-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.tramuntanafestival-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #3c1d46;
}
.tramuntanafestival-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.tramuntanafestival-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #3c1d46;
}
.tramuntanafestival-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.tramuntanafestival-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.tramuntanafestival-theme .general-container .bee-dropdown {
  background: white;
}
.tramuntanafestival-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #3c1d46;
}
.tramuntanafestival-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.tramuntanafestival-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.tramuntanafestival-theme .general-container .selector-error {
  color: #e74737;
}
.tramuntanafestival-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.tramuntanafestival-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.tramuntanafestival-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.tramuntanafestival-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.tramuntanafestival-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #3c1d46;
}
.tramuntanafestival-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.tramuntanafestival-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.tramuntanafestival-theme .move-image-action-container:hover {
  color: #3c1d46;
}
.tramuntanafestival-theme .info-icon {
  color: #3c1d46;
}
.tramuntanafestival-theme .email-chip {
  color: #3c1d46 !important;
  background-color: rgba(60, 29, 70, 0.15) !important;
}
.tramuntanafestival-theme .email-chip .mat-chip-remove {
  color: #3c1d46 !important;
  opacity: 1 !important;
}
.tramuntanafestival-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.tramuntanafestival-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.tramuntanafestival-theme .mat-badge-content {
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #3c1d46 !important;
}
.tramuntanafestival-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #3c1d46 !important;
}
.tramuntanafestival-theme #circle-lleno {
  background: #ab00f8;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.tramuntanafestival-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.tramuntanafestival-theme .marine-color {
  color: #0f223e !important;
}
.tramuntanafestival-theme .primary-color {
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .gray-color {
  color: #C0C4CA !important;
}
.tramuntanafestival-theme .primary-color-200 {
  color: #9e8ea3 !important;
}
.tramuntanafestival-theme svg.primary-fill-svg {
  fill: #3c1d46 !important;
}
.tramuntanafestival-theme .primary-fill {
  fill: #3c1d46 !important;
}
.tramuntanafestival-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.tramuntanafestival-theme .primary-border-50 {
  border-color: #e8e4e9 !important;
}
.tramuntanafestival-theme .primary-border-100 {
  border-color: #c5bbc8 !important;
}
.tramuntanafestival-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.tramuntanafestival-theme .transparent-border-100 {
  border-color: transparent !important;
}
.tramuntanafestival-theme .primary-border-200 {
  border-color: #9e8ea3 !important;
}
.tramuntanafestival-theme .primary-indicator .mat-expansion-indicator:after {
  color: #3c1d46;
}
.tramuntanafestival-theme .contrast-background {
  background-color: #ffffff !important;
}
.tramuntanafestival-theme .primary-color-small {
  color: rgba(60, 29, 70, 0.6);
}
.tramuntanafestival-theme .marine-background {
  background-color: #0f223e !important;
}
.tramuntanafestival-theme .primary-background {
  background-color: #3c1d46 !important;
}
.tramuntanafestival-theme .primary-background-50 {
  background-color: #e8e4e9 !important;
}
.tramuntanafestival-theme .primary-background-200 {
  background-color: #9e8ea3 !important;
}
.tramuntanafestival-theme .primary-background-800 {
  background-color: #27112f !important;
}
.tramuntanafestival-theme .white-color {
  color: white !important;
}
.tramuntanafestival-theme .secondary-color {
  color: #ab00f8 !important;
}
.tramuntanafestival-theme .secondary-background {
  background-color: #ab00f8 !important;
}
.tramuntanafestival-theme .secondary-background-semi {
  background-color: #3c1d46 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #3c1d46 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.tramuntanafestival-theme .secondary-background-full {
  background-color: #3c1d46 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #3c1d46 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.tramuntanafestival-theme .secondary-background-empty {
  background-color: #3c1d46 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #3c1d46 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.tramuntanafestival-theme .secondary-border {
  background-color: #ab00f8 !important;
}
.tramuntanafestival-theme .tertiary-color {
  color: #ab00f8 !important;
}
.tramuntanafestival-theme button.button-tertiary {
  background-color: #ab00f8 !important;
  color: #3c1d46 !important;
  border: 1px solid #3c1d46 !important;
}
.tramuntanafestival-theme span.red-text {
  color: #DB1F35 !important;
}
.tramuntanafestival-theme .tertiary-background {
  background-color: #ab00f8 !important;
}
.tramuntanafestival-theme .tertiary-border {
  border-color: #ab00f8 !important;
}
.tramuntanafestival-theme .dark-background {
  background-color: black !important;
}
.tramuntanafestival-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.tramuntanafestival-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.tramuntanafestival-theme .primary-soft-background {
  background-color: rgba(60, 29, 70, 0.1) !important;
}
.tramuntanafestival-theme .primary-soft-background:hover {
  background-color: rgba(60, 29, 70, 0.15) !important;
}
.tramuntanafestival-theme .primary-border {
  border-color: #3c1d46 !important;
}
.tramuntanafestival-theme .default-background {
  background-color: #fafafa !important;
}
.tramuntanafestival-theme .hover-primary:hover {
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .hover-primary-background:hover {
  background-color: #3c1d46 !important;
}
.tramuntanafestival-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.tramuntanafestival-theme .warn-color {
  color: #e74737 !important;
}
.tramuntanafestival-theme .warn-border {
  border-color: #e74737 !important;
}
.tramuntanafestival-theme .accent-color {
  color: #fedd93 !important;
}
.tramuntanafestival-theme .accent-background {
  background-color: #fedd93 !important;
}
.tramuntanafestival-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.tramuntanafestival-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.tramuntanafestival-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.tramuntanafestival-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.tramuntanafestival-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.tramuntanafestival-theme .dialog-table tr .action-icon {
  color: transparent;
}
.tramuntanafestival-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.tramuntanafestival-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.tramuntanafestival-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #3c1d46;
}
.tramuntanafestival-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.tramuntanafestival-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.tramuntanafestival-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.tramuntanafestival-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.tramuntanafestival-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.tramuntanafestival-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.tramuntanafestival-theme .card-table tr .action-icon {
  color: transparent;
}
.tramuntanafestival-theme .card-table tr .action-icon button {
  color: transparent;
}
.tramuntanafestival-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.tramuntanafestival-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.tramuntanafestival-theme .card-table tr:hover .action-icon button {
  color: #3c1d46;
}
.tramuntanafestival-theme .card-table tr:hover .action-icon:hover {
  color: #3c1d46;
}
.tramuntanafestival-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.tramuntanafestival-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.tramuntanafestival-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.tramuntanafestival-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.tramuntanafestival-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #3c1d46;
}
.tramuntanafestival-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.tramuntanafestival-theme .no-hover-table tr:hover {
  background: white;
}
.tramuntanafestival-theme .custom-standard-chip {
  background-color: rgba(60, 29, 70, 0.1) !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .help-dashboard-card .mat-icon {
  color: #3c1d46;
}
.tramuntanafestival-theme .help-dashboard-card:hover {
  background-color: #3c1d46;
}
.tramuntanafestival-theme .help-dashboard-card:hover .mat-icon,
.tramuntanafestival-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.tramuntanafestival-theme .room-open {
  background-color: #3c1d46 !important;
  color: white !important;
}
.tramuntanafestival-theme .room-open:hover {
  background-color: #3c1d46 !important;
  color: white !important;
}
.tramuntanafestival-theme #public-office-page-groups .public-group-button-hover {
  background-color: #3c1d46 !important;
  color: white !important;
}
.tramuntanafestival-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.tramuntanafestival-theme .notification-container .show-tip {
  color: transparent;
}
.tramuntanafestival-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.tramuntanafestival-theme .notification-container:hover .show-tip {
  color: #3c1d46;
}
.tramuntanafestival-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.tramuntanafestival-theme .notification-container .notification-subject .mat-icon {
  color: #3c1d46;
}
.tramuntanafestival-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.tramuntanafestival-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.tramuntanafestival-theme .message-container .show-tip {
  color: transparent;
}
.tramuntanafestival-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.tramuntanafestival-theme .message-container:hover .show-tip {
  color: #3c1d46;
}
.tramuntanafestival-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.tramuntanafestival-theme .message-container .message-subject .mat-icon {
  color: #3c1d46;
}
.tramuntanafestival-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.tramuntanafestival-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.tramuntanafestival-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.tramuntanafestival-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.tramuntanafestival-theme .primary-200-outline input {
  caret-color: #9e8ea3;
  color: #3c1d46;
}
.tramuntanafestival-theme .primary-200-outline label {
  color: #9e8ea3;
}
.tramuntanafestival-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #9e8ea3 !important;
}
.tramuntanafestival-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #9e8ea3;
}
.tramuntanafestival-theme mat-form-field .primary-outline label {
  color: #3c1d46 !important;
}
.tramuntanafestival-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #3c1d46 !important;
}
.tramuntanafestival-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.tramuntanafestival-theme .input-primary input {
  caret-color: #3c1d46;
  color: #3c1d46;
}
.tramuntanafestival-theme .input-primary label {
  color: #3c1d46;
}
.tramuntanafestival-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #3c1d46 !important;
}
.tramuntanafestival-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.tramuntanafestival-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #3c1d46;
  border-width: 1px;
}
.tramuntanafestival-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.tramuntanafestival-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.tramuntanafestival-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.tramuntanafestival-theme .boton-recarga {
  background-color: #3c1d46;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.tramuntanafestival-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.tramuntanafestival-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.tramuntanafestival-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.tramuntanafestival-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.tramuntanafestival-theme .header-container button {
  padding: 0 !important;
}
.tramuntanafestival-theme .header-container .mat-button {
  min-width: unset !important;
}
.tramuntanafestival-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.tramuntanafestival-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tramuntanafestival-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.tramuntanafestival-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.tramuntanafestival-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.tramuntanafestival-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.tramuntanafestival-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.tramuntanafestival-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.tramuntanafestival-theme .input-recarga-marine {
  border: 1px solid #3c1d46 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.tramuntanafestival-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.tramuntanafestival-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.tramuntanafestival-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.tramuntanafestival-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.tramuntanafestival-theme .color-primary {
  color: #3c1d46 !important;
  fill: #3c1d46 !important;
}
.tramuntanafestival-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.tramuntanafestival-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.tramuntanafestival-theme .primary-contrast {
  color: #ffffff !important;
}
.tramuntanafestival-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.tramuntanafestival-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.tramuntanafestival-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.tramuntanafestival-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.tramuntanafestival-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.tramuntanafestival-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.tramuntanafestival-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.tramuntanafestival-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.tramuntanafestival-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #ab00f8 !important;
}
.tramuntanafestival-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.tramuntanafestival-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .mat-checkbox-checked .mat-checkbox-background,
.tramuntanafestival-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #3c1d46 !important;
}
.tramuntanafestival-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.tramuntanafestival-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.tramuntanafestival-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #9e8ea3 !important;
}
.tramuntanafestival-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.tramuntanafestival-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.tramuntanafestival-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.tramuntanafestival-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.tramuntanafestival-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.tramuntanafestival-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.tramuntanafestival-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.tramuntanafestival-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.tramuntanafestival-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.tramuntanafestival-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.tramuntanafestival-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.tramuntanafestival-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.tramuntanafestival-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.tramuntanafestival-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.tramuntanafestival-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.tramuntanafestival-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.tramuntanafestival-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ab00f8 !important;
}
.tramuntanafestival-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ab00f8 !important;
}
.tramuntanafestival-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.tramuntanafestival-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.tramuntanafestival-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.tramuntanafestival-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.tramuntanafestival-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.tramuntanafestival-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ab00f8 !important;
}
.tramuntanafestival-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ab00f8 !important;
}
.tramuntanafestival-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.tramuntanafestival-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.tramuntanafestival-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ab00f8 !important;
}
.tramuntanafestival-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ab00f8 !important;
}
.tramuntanafestival-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ab00f8 !important;
}
.tramuntanafestival-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ab00f8 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.tramuntanafestival-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ab00f8 !important;
}
.tramuntanafestival-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #ab00f8 !important;
}
.tramuntanafestival-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.tramuntanafestival-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.tramuntanafestival-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.tramuntanafestival-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.tramuntanafestival-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.tramuntanafestival-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.tramuntanafestival-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #3c1d46 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.tramuntanafestival-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.tramuntanafestival-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.tramuntanafestival-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.tramuntanafestival-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.tramuntanafestival-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.tramuntanafestival-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #ab00f8 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.tramuntanafestival-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #3c1d46 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #3c1d46 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.tramuntanafestival-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #3c1d46 !important;
}
.tramuntanafestival-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.tramuntanafestival-theme .button-text-hidden {
  display: none;
}
.dantz-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #000000;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #000000 87%, transparent);
  --mat-form-field-filled-caret-color: #000000;
  --mat-form-field-filled-focus-active-indicator-color: #000000;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #000000 87%, transparent);
  --mat-form-field-outlined-caret-color: #000000;
  --mat-form-field-outlined-focus-outline-color: #000000;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #000000 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #000000;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #000000;
  --mat-slide-toggle-selected-handle-color: #000000;
  --mat-slide-toggle-selected-hover-state-layer-color: #000000;
  --mat-slide-toggle-selected-pressed-state-layer-color: #000000;
  --mat-slide-toggle-selected-focus-handle-color: #000000;
  --mat-slide-toggle-selected-hover-handle-color: #000000;
  --mat-slide-toggle-selected-pressed-handle-color: #000000;
  --mat-slide-toggle-selected-focus-track-color: #4d4d4d;
  --mat-slide-toggle-selected-hover-track-color: #4d4d4d;
  --mat-slide-toggle-selected-pressed-track-color: #4d4d4d;
  --mat-slide-toggle-selected-track-color: #4d4d4d;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #000000;
  --mat-slider-focus-handle-color: #000000;
  --mat-slider-handle-color: #000000;
  --mat-slider-hover-handle-color: #000000;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #000000 4%, transparent);
  --mat-slider-inactive-track-color: #000000;
  --mat-slider-ripple-color: #000000;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #000000;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #4d4d4d;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #000000;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #000000;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #000000 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #000000;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #000000 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #000000 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #000000;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #000000;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #000000;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #000000;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #000000;
  --mat-slide-toggle-selected-handle-color: #000000;
  --mat-slide-toggle-selected-hover-state-layer-color: #000000;
  --mat-slide-toggle-selected-pressed-state-layer-color: #000000;
  --mat-slide-toggle-selected-focus-handle-color: #000000;
  --mat-slide-toggle-selected-hover-handle-color: #000000;
  --mat-slide-toggle-selected-pressed-handle-color: #000000;
  --mat-slide-toggle-selected-focus-track-color: #4d4d4d;
  --mat-slide-toggle-selected-hover-track-color: #4d4d4d;
  --mat-slide-toggle-selected-pressed-track-color: #4d4d4d;
  --mat-slide-toggle-selected-track-color: #4d4d4d;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.dantz-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.dantz-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.dantz-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #000000;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #000000;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.dantz-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.dantz-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.dantz-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #000000;
  --mat-progress-bar-track-color: rgba(0, 0, 0, 0.25);
}
.dantz-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.dantz-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.dantz-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.dantz-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.dantz-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.dantz-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.dantz-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.dantz-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.dantz-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.dantz-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #000000;
  --mat-chip-elevated-disabled-container-color: #000000;
  --mat-chip-elevated-selected-container-color: #000000;
  --mat-chip-flat-disabled-selected-container-color: #000000;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.dantz-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.dantz-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.dantz-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.dantz-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.dantz-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.dantz-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.dantz-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.dantz-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.dantz-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.dantz-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #000000;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #000000;
  --mat-radio-selected-hover-icon-color: #000000;
  --mat-radio-selected-icon-color: #000000;
  --mat-radio-selected-pressed-icon-color: #000000;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.dantz-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.dantz-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.dantz-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.dantz-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.dantz-theme .mdc-list-item__start,
.dantz-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #000000;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #000000;
  --mat-radio-selected-hover-icon-color: #000000;
  --mat-radio-selected-icon-color: #000000;
  --mat-radio-selected-pressed-icon-color: #000000;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.dantz-theme .mat-accent .mdc-list-item__start,
.dantz-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.dantz-theme .mat-warn .mdc-list-item__start,
.dantz-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.dantz-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #000000;
  --mat-checkbox-selected-hover-icon-color: #000000;
  --mat-checkbox-selected-icon-color: #000000;
  --mat-checkbox-selected-pressed-icon-color: #000000;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #000000;
  --mat-checkbox-selected-hover-state-layer-color: #000000;
  --mat-checkbox-selected-pressed-state-layer-color: #000000;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.dantz-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.dantz-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.dantz-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.dantz-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.dantz-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.dantz-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #000000;
}
.dantz-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.dantz-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.dantz-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.dantz-theme .mdc-list-item__start,
.dantz-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.dantz-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.dantz-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.dantz-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.dantz-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.dantz-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.dantz-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.dantz-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.dantz-theme .mat-mdc-tab-group,
.dantz-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #000000;
  --mat-tab-active-ripple-color: #000000;
  --mat-tab-inactive-ripple-color: #000000;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #000000;
  --mat-tab-active-hover-label-text-color: #000000;
  --mat-tab-active-focus-indicator-color: #000000;
  --mat-tab-active-hover-indicator-color: #000000;
  --mat-tab-active-indicator-color: #000000;
}
.dantz-theme .mat-mdc-tab-group.mat-accent,
.dantz-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.dantz-theme .mat-mdc-tab-group.mat-warn,
.dantz-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.dantz-theme .mat-mdc-tab-group.mat-background-primary,
.dantz-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #000000;
  --mat-tab-foreground-color: #ffffff;
}
.dantz-theme .mat-mdc-tab-group.mat-background-accent,
.dantz-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.dantz-theme .mat-mdc-tab-group.mat-background-warn,
.dantz-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.dantz-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.dantz-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.dantz-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #000000;
  --mat-checkbox-selected-hover-icon-color: #000000;
  --mat-checkbox-selected-icon-color: #000000;
  --mat-checkbox-selected-pressed-icon-color: #000000;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #000000;
  --mat-checkbox-selected-hover-state-layer-color: #000000;
  --mat-checkbox-selected-pressed-state-layer-color: #000000;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.dantz-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.dantz-theme .mat-mdc-button.mat-primary,
.dantz-theme .mat-mdc-unelevated-button.mat-primary,
.dantz-theme .mat-mdc-raised-button.mat-primary,
.dantz-theme .mat-mdc-outlined-button.mat-primary,
.dantz-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #000000;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #000000;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-outlined-state-layer-color: #000000;
  --mat-button-protected-container-color: #000000;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #000000;
  --mat-button-text-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-text-state-layer-color: #000000;
  --mat-button-tonal-container-color: #000000;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.dantz-theme .mat-mdc-button.mat-accent,
.dantz-theme .mat-mdc-unelevated-button.mat-accent,
.dantz-theme .mat-mdc-raised-button.mat-accent,
.dantz-theme .mat-mdc-outlined-button.mat-accent,
.dantz-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.dantz-theme .mat-mdc-button.mat-warn,
.dantz-theme .mat-mdc-unelevated-button.mat-warn,
.dantz-theme .mat-mdc-raised-button.mat-warn,
.dantz-theme .mat-mdc-outlined-button.mat-warn,
.dantz-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.dantz-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #000000;
  --mat-icon-button-state-layer-color: #000000;
  --mat-icon-button-ripple-color: color-mix(in srgb, #000000 12%, transparent);
}
.dantz-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.dantz-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.dantz-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.dantz-theme .mat-mdc-fab.mat-primary,
.dantz-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #000000;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-container-color: #000000;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.dantz-theme .mat-mdc-fab.mat-accent,
.dantz-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.dantz-theme .mat-mdc-fab.mat-warn,
.dantz-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.dantz-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.dantz-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.dantz-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.dantz-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.dantz-theme .mat-datepicker-content.mat-accent,
.dantz-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.dantz-theme .mat-datepicker-content.mat-warn,
.dantz-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.dantz-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.dantz-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.dantz-theme .mat-icon.mat-primary {
  --mat-icon-color: #000000;
}
.dantz-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.dantz-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.dantz-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.dantz-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.dantz-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #000000;
  --mat-toolbar-container-text-color: #ffffff;
}
.dantz-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.dantz-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.dantz-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.dantz-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.dantz-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.dantz-theme .back-container {
  color: #000000;
}
.dantz-theme .back-container:hover {
  opacity: 0.54;
}
.dantz-theme .warn-text {
  color: #e74737;
}
.dantz-theme .inside-modal-title.primary-colored-title,
.dantz-theme .form-title.primary-colored-title {
  color: #000000;
}
.dantz-theme .full-height-container form .button-container {
  background: white;
}
.dantz-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.dantz-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.dantz-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.dantz-theme .box-checkbox.active-box-checkbox {
  background-color: #000000;
  color: white;
}
.dantz-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.dantz-theme .box-radio.active-box-radio {
  background-color: #000000;
  color: white;
}
.dantz-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.dantz-theme .error {
  color: #e74737;
}
.dantz-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.dantz-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.dantz-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.dantz-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.dantz-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.dantz-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.dantz-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.dantz-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.dantz-theme .ql-snow .ql-picker-options {
  background: white;
}
.dantz-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.dantz-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.dantz-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.dantz-theme .ql-snow .ql-fill,
.dantz-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.dantz-theme .ql-snow.ql-toolbar button:hover,
.dantz-theme .ql-snow .ql-toolbar button:hover,
.dantz-theme .ql-snow.ql-toolbar button:focus,
.dantz-theme .ql-snow .ql-toolbar button:focus,
.dantz-theme .ql-snow.ql-toolbar button.ql-active,
.dantz-theme .ql-snow .ql-toolbar button.ql-active,
.dantz-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.dantz-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.dantz-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.dantz-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.dantz-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.dantz-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.dantz-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.dantz-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.dantz-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.dantz-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.dantz-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.dantz-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.dantz-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.dantz-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.dantz-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.dantz-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.dantz-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.dantz-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.dantz-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.dantz-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.dantz-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.dantz-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.dantz-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.dantz-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.dantz-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.dantz-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.dantz-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.dantz-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.dantz-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.dantz-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.dantz-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.dantz-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.dantz-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.dantz-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.dantz-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.dantz-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.dantz-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.dantz-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.dantz-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.dantz-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.dantz-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.dantz-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.dantz-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.dantz-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.dantz-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.dantz-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.dantz-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.dantz-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.dantz-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.dantz-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.dantz-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.dantz-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.dantz-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.dantz-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.dantz-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.dantz-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.dantz-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.dantz-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.dantz-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.dantz-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.dantz-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.dantz-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.dantz-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.dantz-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.dantz-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.dantz-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.dantz-theme bee-form-item {
  margin-right: 0 !important;
}
.dantz-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.dantz-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #000000;
  height: 38px !important;
}
.dantz-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.dantz-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.dantz-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.dantz-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.dantz-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.dantz-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.dantz-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.dantz-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.dantz-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .dantz-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.dantz-theme .general-container .label-wrapper label {
  color: #000000 !important;
  background-color: white;
}
.dantz-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.dantz-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.dantz-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.dantz-theme .general-container .bee-selector .bee-selector-container {
  border-color: #000000 !important;
}
.dantz-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.dantz-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.dantz-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.dantz-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.dantz-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.dantz-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.dantz-theme .general-container .bee-selector .bee-selector-container:focus,
.dantz-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #000000;
}
.dantz-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.dantz-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #000000;
}
.dantz-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.dantz-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #000000;
}
.dantz-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.dantz-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.dantz-theme .general-container .bee-dropdown {
  background: white;
}
.dantz-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #000000;
}
.dantz-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.dantz-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.dantz-theme .general-container .selector-error {
  color: #e74737;
}
.dantz-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.dantz-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.dantz-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.dantz-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.dantz-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #000000;
}
.dantz-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.dantz-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.dantz-theme .move-image-action-container:hover {
  color: #000000;
}
.dantz-theme .info-icon {
  color: #000000;
}
.dantz-theme .email-chip {
  color: #000000 !important;
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.dantz-theme .email-chip .mat-chip-remove {
  color: #000000 !important;
  opacity: 1 !important;
}
.dantz-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.dantz-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.dantz-theme .mat-badge-content {
  color: #000000 !important;
}
.dantz-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #000000 !important;
}
.dantz-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #000000 !important;
}
.dantz-theme #circle-lleno {
  background: #737373;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.dantz-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.dantz-theme .marine-color {
  color: #0f223e !important;
}
.dantz-theme .primary-color {
  color: #000000 !important;
}
.dantz-theme .gray-color {
  color: #C0C4CA !important;
}
.dantz-theme .primary-color-200 {
  color: #808080 !important;
}
.dantz-theme svg.primary-fill-svg {
  fill: #000000 !important;
}
.dantz-theme .primary-fill {
  fill: #000000 !important;
}
.dantz-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.dantz-theme .primary-border-50 {
  border-color: #e0e0e0 !important;
}
.dantz-theme .primary-border-100 {
  border-color: #b3b3b3 !important;
}
.dantz-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.dantz-theme .transparent-border-100 {
  border-color: transparent !important;
}
.dantz-theme .primary-border-200 {
  border-color: #808080 !important;
}
.dantz-theme .primary-indicator .mat-expansion-indicator:after {
  color: #000000;
}
.dantz-theme .contrast-background {
  background-color: #ffffff !important;
}
.dantz-theme .primary-color-small {
  color: rgba(0, 0, 0, 0.6);
}
.dantz-theme .marine-background {
  background-color: #0f223e !important;
}
.dantz-theme .primary-background {
  background-color: #000000 !important;
}
.dantz-theme .primary-background-50 {
  background-color: #e0e0e0 !important;
}
.dantz-theme .primary-background-200 {
  background-color: #808080 !important;
}
.dantz-theme .primary-background-800 {
  background-color: #000000 !important;
}
.dantz-theme .white-color {
  color: white !important;
}
.dantz-theme .secondary-color {
  color: #737373 !important;
}
.dantz-theme .secondary-background {
  background-color: #737373 !important;
}
.dantz-theme .secondary-background-semi {
  background-color: #000000 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #000000 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.dantz-theme .secondary-background-full {
  background-color: #000000 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #000000 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.dantz-theme .secondary-background-empty {
  background-color: #000000 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #000000 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.dantz-theme .secondary-border {
  background-color: #737373 !important;
}
.dantz-theme .tertiary-color {
  color: #737373 !important;
}
.dantz-theme button.button-tertiary {
  background-color: #737373 !important;
  color: #000000 !important;
  border: 1px solid #000000 !important;
}
.dantz-theme span.red-text {
  color: #DB1F35 !important;
}
.dantz-theme .tertiary-background {
  background-color: #737373 !important;
}
.dantz-theme .tertiary-border {
  border-color: #737373 !important;
}
.dantz-theme .dark-background {
  background-color: black !important;
}
.dantz-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.dantz-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.dantz-theme .primary-soft-background {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.dantz-theme .primary-soft-background:hover {
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.dantz-theme .primary-border {
  border-color: #000000 !important;
}
.dantz-theme .default-background {
  background-color: #fafafa !important;
}
.dantz-theme .hover-primary:hover {
  color: #000000 !important;
}
.dantz-theme .hover-primary-background:hover {
  background-color: #000000 !important;
}
.dantz-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.dantz-theme .warn-color {
  color: #e74737 !important;
}
.dantz-theme .warn-border {
  border-color: #e74737 !important;
}
.dantz-theme .accent-color {
  color: #fedd93 !important;
}
.dantz-theme .accent-background {
  background-color: #fedd93 !important;
}
.dantz-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.dantz-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.dantz-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.dantz-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.dantz-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.dantz-theme .dialog-table tr .action-icon {
  color: transparent;
}
.dantz-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.dantz-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.dantz-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #000000;
}
.dantz-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.dantz-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.dantz-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.dantz-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.dantz-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.dantz-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.dantz-theme .card-table tr .action-icon {
  color: transparent;
}
.dantz-theme .card-table tr .action-icon button {
  color: transparent;
}
.dantz-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.dantz-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.dantz-theme .card-table tr:hover .action-icon button {
  color: #000000;
}
.dantz-theme .card-table tr:hover .action-icon:hover {
  color: #000000;
}
.dantz-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.dantz-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.dantz-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.dantz-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.dantz-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #000000;
}
.dantz-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.dantz-theme .no-hover-table tr:hover {
  background: white;
}
.dantz-theme .custom-standard-chip {
  background-color: rgba(0, 0, 0, 0.1) !important;
  color: #000000 !important;
}
.dantz-theme .help-dashboard-card .mat-icon {
  color: #000000;
}
.dantz-theme .help-dashboard-card:hover {
  background-color: #000000;
}
.dantz-theme .help-dashboard-card:hover .mat-icon,
.dantz-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.dantz-theme .room-open {
  background-color: #000000 !important;
  color: white !important;
}
.dantz-theme .room-open:hover {
  background-color: #000000 !important;
  color: white !important;
}
.dantz-theme #public-office-page-groups .public-group-button-hover {
  background-color: #000000 !important;
  color: white !important;
}
.dantz-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.dantz-theme .notification-container .show-tip {
  color: transparent;
}
.dantz-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.dantz-theme .notification-container:hover .show-tip {
  color: #000000;
}
.dantz-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.dantz-theme .notification-container .notification-subject .mat-icon {
  color: #000000;
}
.dantz-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.dantz-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.dantz-theme .message-container .show-tip {
  color: transparent;
}
.dantz-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.dantz-theme .message-container:hover .show-tip {
  color: #000000;
}
.dantz-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.dantz-theme .message-container .message-subject .mat-icon {
  color: #000000;
}
.dantz-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.dantz-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.dantz-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.dantz-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.dantz-theme .primary-200-outline input {
  caret-color: #808080;
  color: #000000;
}
.dantz-theme .primary-200-outline label {
  color: #808080;
}
.dantz-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #808080 !important;
}
.dantz-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #808080;
}
.dantz-theme mat-form-field .primary-outline label {
  color: #000000 !important;
}
.dantz-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #000000 !important;
}
.dantz-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #000000 !important;
}
.dantz-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.dantz-theme .input-primary input {
  caret-color: #000000;
  color: #000000;
}
.dantz-theme .input-primary label {
  color: #000000;
}
.dantz-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #000000 !important;
}
.dantz-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.dantz-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #000000;
  border-width: 1px;
}
.dantz-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.dantz-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.dantz-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.dantz-theme .boton-recarga {
  background-color: #000000;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.dantz-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.dantz-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.dantz-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.dantz-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.dantz-theme .header-container button {
  padding: 0 !important;
}
.dantz-theme .header-container .mat-button {
  min-width: unset !important;
}
.dantz-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.dantz-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dantz-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.dantz-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.dantz-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.dantz-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.dantz-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.dantz-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.dantz-theme .input-recarga-marine {
  border: 1px solid #000000 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.dantz-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.dantz-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.dantz-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.dantz-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.dantz-theme .color-primary {
  color: #000000 !important;
  fill: #000000 !important;
}
.dantz-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.dantz-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.dantz-theme .primary-contrast {
  color: #ffffff !important;
}
.dantz-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.dantz-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.dantz-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.dantz-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.dantz-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.dantz-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.dantz-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.dantz-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.dantz-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.dantz-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.dantz-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.dantz-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.dantz-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.dantz-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.dantz-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.dantz-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.dantz-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.dantz-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.dantz-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.dantz-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #737373 !important;
}
.dantz-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.dantz-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.dantz-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #000000 !important;
}
.dantz-theme .mat-checkbox-checked .mat-checkbox-background,
.dantz-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #000000 !important;
}
.dantz-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.dantz-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.dantz-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.dantz-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.dantz-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.dantz-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #808080 !important;
}
.dantz-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.dantz-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.dantz-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.dantz-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.dantz-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.dantz-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.dantz-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.dantz-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.dantz-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.dantz-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.dantz-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.dantz-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.dantz-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.dantz-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.dantz-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.dantz-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.dantz-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.dantz-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.dantz-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.dantz-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.dantz-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.dantz-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.dantz-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.dantz-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.dantz-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.dantz-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.dantz-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.dantz-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.dantz-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.dantz-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.dantz-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #000000 !important;
}
.dantz-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.dantz-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #737373 !important;
}
.dantz-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #737373 !important;
}
.dantz-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.dantz-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.dantz-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.dantz-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.dantz-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.dantz-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.dantz-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.dantz-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.dantz-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.dantz-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #737373 !important;
}
.dantz-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #737373 !important;
}
.dantz-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.dantz-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.dantz-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #737373 !important;
}
.dantz-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #737373 !important;
}
.dantz-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #737373 !important;
}
.dantz-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #737373 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.dantz-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #737373 !important;
}
.dantz-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #737373 !important;
}
.dantz-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #000000 !important;
}
.dantz-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #000000 !important;
}
.dantz-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #000000 !important;
}
.dantz-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.dantz-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.dantz-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.dantz-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.dantz-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.dantz-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #000000 !important;
}
.dantz-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #000000 !important;
}
.dantz-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #000000 !important;
}
.dantz-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #000000 !important;
}
.dantz-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #000000 !important;
}
.dantz-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #000000 !important;
}
.dantz-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.dantz-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #000000 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.dantz-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.dantz-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.dantz-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.dantz-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.dantz-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.dantz-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #737373 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.dantz-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #000000 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #000000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.dantz-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #000000 !important;
}
.dantz-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.dantz-theme .button-text-hidden {
  display: none;
}
.osadomar-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #18191b;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #18191b 87%, transparent);
  --mat-form-field-filled-caret-color: #18191b;
  --mat-form-field-filled-focus-active-indicator-color: #18191b;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #18191b 87%, transparent);
  --mat-form-field-outlined-caret-color: #18191b;
  --mat-form-field-outlined-focus-outline-color: #18191b;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #18191b 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #18191b;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #18191b;
  --mat-slide-toggle-selected-handle-color: #18191b;
  --mat-slide-toggle-selected-hover-state-layer-color: #18191b;
  --mat-slide-toggle-selected-pressed-state-layer-color: #18191b;
  --mat-slide-toggle-selected-focus-handle-color: #18191b;
  --mat-slide-toggle-selected-hover-handle-color: #18191b;
  --mat-slide-toggle-selected-pressed-handle-color: #18191b;
  --mat-slide-toggle-selected-focus-track-color: #5d5e5f;
  --mat-slide-toggle-selected-hover-track-color: #5d5e5f;
  --mat-slide-toggle-selected-pressed-track-color: #5d5e5f;
  --mat-slide-toggle-selected-track-color: #5d5e5f;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #18191b;
  --mat-slider-focus-handle-color: #18191b;
  --mat-slider-handle-color: #18191b;
  --mat-slider-hover-handle-color: #18191b;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #18191b 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #18191b 4%, transparent);
  --mat-slider-inactive-track-color: #18191b;
  --mat-slider-ripple-color: #18191b;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #18191b;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #5d5e5f;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #18191b;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #18191b;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #18191b 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #18191b;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #18191b 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #18191b 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #18191b 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #18191b;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #18191b;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #18191b;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #18191b;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #18191b;
  --mat-slide-toggle-selected-handle-color: #18191b;
  --mat-slide-toggle-selected-hover-state-layer-color: #18191b;
  --mat-slide-toggle-selected-pressed-state-layer-color: #18191b;
  --mat-slide-toggle-selected-focus-handle-color: #18191b;
  --mat-slide-toggle-selected-hover-handle-color: #18191b;
  --mat-slide-toggle-selected-pressed-handle-color: #18191b;
  --mat-slide-toggle-selected-focus-track-color: #5d5e5f;
  --mat-slide-toggle-selected-hover-track-color: #5d5e5f;
  --mat-slide-toggle-selected-pressed-track-color: #5d5e5f;
  --mat-slide-toggle-selected-track-color: #5d5e5f;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.osadomar-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.osadomar-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.osadomar-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #18191b;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #18191b;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.osadomar-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.osadomar-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.osadomar-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #18191b;
  --mat-progress-bar-track-color: rgba(24, 25, 27, 0.25);
}
.osadomar-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.osadomar-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.osadomar-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.osadomar-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.osadomar-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.osadomar-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.osadomar-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.osadomar-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.osadomar-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.osadomar-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #18191b;
  --mat-chip-elevated-disabled-container-color: #18191b;
  --mat-chip-elevated-selected-container-color: #18191b;
  --mat-chip-flat-disabled-selected-container-color: #18191b;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.osadomar-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.osadomar-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.osadomar-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.osadomar-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.osadomar-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.osadomar-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.osadomar-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.osadomar-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.osadomar-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.osadomar-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #18191b;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #18191b;
  --mat-radio-selected-hover-icon-color: #18191b;
  --mat-radio-selected-icon-color: #18191b;
  --mat-radio-selected-pressed-icon-color: #18191b;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.osadomar-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.osadomar-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.osadomar-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.osadomar-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.osadomar-theme .mdc-list-item__start,
.osadomar-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #18191b;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #18191b;
  --mat-radio-selected-hover-icon-color: #18191b;
  --mat-radio-selected-icon-color: #18191b;
  --mat-radio-selected-pressed-icon-color: #18191b;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.osadomar-theme .mat-accent .mdc-list-item__start,
.osadomar-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.osadomar-theme .mat-warn .mdc-list-item__start,
.osadomar-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.osadomar-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #18191b;
  --mat-checkbox-selected-hover-icon-color: #18191b;
  --mat-checkbox-selected-icon-color: #18191b;
  --mat-checkbox-selected-pressed-icon-color: #18191b;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #18191b;
  --mat-checkbox-selected-hover-state-layer-color: #18191b;
  --mat-checkbox-selected-pressed-state-layer-color: #18191b;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.osadomar-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.osadomar-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.osadomar-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.osadomar-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.osadomar-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.osadomar-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #18191b;
}
.osadomar-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.osadomar-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.osadomar-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.osadomar-theme .mdc-list-item__start,
.osadomar-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.osadomar-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.osadomar-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.osadomar-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.osadomar-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.osadomar-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.osadomar-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.osadomar-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.osadomar-theme .mat-mdc-tab-group,
.osadomar-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #18191b;
  --mat-tab-active-ripple-color: #18191b;
  --mat-tab-inactive-ripple-color: #18191b;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #18191b;
  --mat-tab-active-hover-label-text-color: #18191b;
  --mat-tab-active-focus-indicator-color: #18191b;
  --mat-tab-active-hover-indicator-color: #18191b;
  --mat-tab-active-indicator-color: #18191b;
}
.osadomar-theme .mat-mdc-tab-group.mat-accent,
.osadomar-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.osadomar-theme .mat-mdc-tab-group.mat-warn,
.osadomar-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.osadomar-theme .mat-mdc-tab-group.mat-background-primary,
.osadomar-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #18191b;
  --mat-tab-foreground-color: #ffffff;
}
.osadomar-theme .mat-mdc-tab-group.mat-background-accent,
.osadomar-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.osadomar-theme .mat-mdc-tab-group.mat-background-warn,
.osadomar-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.osadomar-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.osadomar-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.osadomar-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #18191b;
  --mat-checkbox-selected-hover-icon-color: #18191b;
  --mat-checkbox-selected-icon-color: #18191b;
  --mat-checkbox-selected-pressed-icon-color: #18191b;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #18191b;
  --mat-checkbox-selected-hover-state-layer-color: #18191b;
  --mat-checkbox-selected-pressed-state-layer-color: #18191b;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.osadomar-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.osadomar-theme .mat-mdc-button.mat-primary,
.osadomar-theme .mat-mdc-unelevated-button.mat-primary,
.osadomar-theme .mat-mdc-raised-button.mat-primary,
.osadomar-theme .mat-mdc-outlined-button.mat-primary,
.osadomar-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #18191b;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #18191b;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #18191b 12%, transparent);
  --mat-button-outlined-state-layer-color: #18191b;
  --mat-button-protected-container-color: #18191b;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #18191b;
  --mat-button-text-ripple-color: color-mix(in srgb, #18191b 12%, transparent);
  --mat-button-text-state-layer-color: #18191b;
  --mat-button-tonal-container-color: #18191b;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.osadomar-theme .mat-mdc-button.mat-accent,
.osadomar-theme .mat-mdc-unelevated-button.mat-accent,
.osadomar-theme .mat-mdc-raised-button.mat-accent,
.osadomar-theme .mat-mdc-outlined-button.mat-accent,
.osadomar-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.osadomar-theme .mat-mdc-button.mat-warn,
.osadomar-theme .mat-mdc-unelevated-button.mat-warn,
.osadomar-theme .mat-mdc-raised-button.mat-warn,
.osadomar-theme .mat-mdc-outlined-button.mat-warn,
.osadomar-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.osadomar-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #18191b;
  --mat-icon-button-state-layer-color: #18191b;
  --mat-icon-button-ripple-color: color-mix(in srgb, #18191b 12%, transparent);
}
.osadomar-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.osadomar-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.osadomar-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.osadomar-theme .mat-mdc-fab.mat-primary,
.osadomar-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #18191b;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #18191b 12%, transparent);
  --mat-fab-small-container-color: #18191b;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.osadomar-theme .mat-mdc-fab.mat-accent,
.osadomar-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.osadomar-theme .mat-mdc-fab.mat-warn,
.osadomar-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.osadomar-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.osadomar-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.osadomar-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.osadomar-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.osadomar-theme .mat-datepicker-content.mat-accent,
.osadomar-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.osadomar-theme .mat-datepicker-content.mat-warn,
.osadomar-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.osadomar-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.osadomar-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.osadomar-theme .mat-icon.mat-primary {
  --mat-icon-color: #18191b;
}
.osadomar-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.osadomar-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.osadomar-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.osadomar-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.osadomar-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #18191b;
  --mat-toolbar-container-text-color: #ffffff;
}
.osadomar-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.osadomar-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.osadomar-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.osadomar-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.osadomar-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.osadomar-theme .back-container {
  color: #18191b;
}
.osadomar-theme .back-container:hover {
  opacity: 0.54;
}
.osadomar-theme .warn-text {
  color: #e74737;
}
.osadomar-theme .inside-modal-title.primary-colored-title,
.osadomar-theme .form-title.primary-colored-title {
  color: #18191b;
}
.osadomar-theme .full-height-container form .button-container {
  background: white;
}
.osadomar-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.osadomar-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.osadomar-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.osadomar-theme .box-checkbox.active-box-checkbox {
  background-color: #18191b;
  color: white;
}
.osadomar-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.osadomar-theme .box-radio.active-box-radio {
  background-color: #18191b;
  color: white;
}
.osadomar-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.osadomar-theme .error {
  color: #e74737;
}
.osadomar-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.osadomar-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.osadomar-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.osadomar-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.osadomar-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.osadomar-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.osadomar-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.osadomar-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.osadomar-theme .ql-snow .ql-picker-options {
  background: white;
}
.osadomar-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.osadomar-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.osadomar-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.osadomar-theme .ql-snow .ql-fill,
.osadomar-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.osadomar-theme .ql-snow.ql-toolbar button:hover,
.osadomar-theme .ql-snow .ql-toolbar button:hover,
.osadomar-theme .ql-snow.ql-toolbar button:focus,
.osadomar-theme .ql-snow .ql-toolbar button:focus,
.osadomar-theme .ql-snow.ql-toolbar button.ql-active,
.osadomar-theme .ql-snow .ql-toolbar button.ql-active,
.osadomar-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.osadomar-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.osadomar-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.osadomar-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.osadomar-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.osadomar-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.osadomar-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.osadomar-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.osadomar-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.osadomar-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.osadomar-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.osadomar-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.osadomar-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.osadomar-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.osadomar-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.osadomar-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.osadomar-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.osadomar-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.osadomar-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.osadomar-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.osadomar-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.osadomar-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.osadomar-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.osadomar-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.osadomar-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.osadomar-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.osadomar-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.osadomar-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.osadomar-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.osadomar-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.osadomar-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.osadomar-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.osadomar-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.osadomar-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.osadomar-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.osadomar-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.osadomar-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.osadomar-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.osadomar-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.osadomar-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.osadomar-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.osadomar-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.osadomar-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.osadomar-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.osadomar-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.osadomar-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.osadomar-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.osadomar-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.osadomar-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.osadomar-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.osadomar-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.osadomar-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.osadomar-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.osadomar-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.osadomar-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.osadomar-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.osadomar-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.osadomar-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.osadomar-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.osadomar-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.osadomar-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.osadomar-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.osadomar-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.osadomar-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.osadomar-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.osadomar-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.osadomar-theme bee-form-item {
  margin-right: 0 !important;
}
.osadomar-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.osadomar-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #18191b;
  height: 38px !important;
}
.osadomar-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.osadomar-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.osadomar-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.osadomar-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.osadomar-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.osadomar-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.osadomar-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.osadomar-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.osadomar-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .osadomar-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.osadomar-theme .general-container .label-wrapper label {
  color: #18191b !important;
  background-color: white;
}
.osadomar-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.osadomar-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.osadomar-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.osadomar-theme .general-container .bee-selector .bee-selector-container {
  border-color: #18191b !important;
}
.osadomar-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.osadomar-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.osadomar-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.osadomar-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.osadomar-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.osadomar-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.osadomar-theme .general-container .bee-selector .bee-selector-container:focus,
.osadomar-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #18191b;
}
.osadomar-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.osadomar-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #18191b;
}
.osadomar-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.osadomar-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #18191b;
}
.osadomar-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.osadomar-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.osadomar-theme .general-container .bee-dropdown {
  background: white;
}
.osadomar-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #18191b;
}
.osadomar-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.osadomar-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.osadomar-theme .general-container .selector-error {
  color: #e74737;
}
.osadomar-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.osadomar-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.osadomar-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.osadomar-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.osadomar-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #18191b;
}
.osadomar-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.osadomar-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.osadomar-theme .move-image-action-container:hover {
  color: #18191b;
}
.osadomar-theme .info-icon {
  color: #18191b;
}
.osadomar-theme .email-chip {
  color: #18191b !important;
  background-color: rgba(24, 25, 27, 0.15) !important;
}
.osadomar-theme .email-chip .mat-chip-remove {
  color: #18191b !important;
  opacity: 1 !important;
}
.osadomar-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.osadomar-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.osadomar-theme .mat-badge-content {
  color: #18191b !important;
}
.osadomar-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #18191b !important;
}
.osadomar-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #18191b !important;
}
.osadomar-theme #circle-lleno {
  background: #18191b;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.osadomar-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.osadomar-theme .marine-color {
  color: #0f223e !important;
}
.osadomar-theme .primary-color {
  color: #18191b !important;
}
.osadomar-theme .gray-color {
  color: #C0C4CA !important;
}
.osadomar-theme .primary-color-200 {
  color: #8c8c8d !important;
}
.osadomar-theme svg.primary-fill-svg {
  fill: #18191b !important;
}
.osadomar-theme .primary-fill {
  fill: #18191b !important;
}
.osadomar-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.osadomar-theme .primary-border-50 {
  border-color: #e3e3e4 !important;
}
.osadomar-theme .primary-border-100 {
  border-color: #bababb !important;
}
.osadomar-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.osadomar-theme .transparent-border-100 {
  border-color: transparent !important;
}
.osadomar-theme .primary-border-200 {
  border-color: #8c8c8d !important;
}
.osadomar-theme .primary-indicator .mat-expansion-indicator:after {
  color: #18191b;
}
.osadomar-theme .contrast-background {
  background-color: #ffffff !important;
}
.osadomar-theme .primary-color-small {
  color: rgba(24, 25, 27, 0.6);
}
.osadomar-theme .marine-background {
  background-color: #0f223e !important;
}
.osadomar-theme .primary-background {
  background-color: #18191b !important;
}
.osadomar-theme .primary-background-50 {
  background-color: #e3e3e4 !important;
}
.osadomar-theme .primary-background-200 {
  background-color: #8c8c8d !important;
}
.osadomar-theme .primary-background-800 {
  background-color: #0e0e10 !important;
}
.osadomar-theme .white-color {
  color: white !important;
}
.osadomar-theme .secondary-color {
  color: #18191b !important;
}
.osadomar-theme .secondary-background {
  background-color: #18191b !important;
}
.osadomar-theme .secondary-background-semi {
  background-color: #18191b !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #18191b !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.osadomar-theme .secondary-background-full {
  background-color: #18191b !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #18191b !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.osadomar-theme .secondary-background-empty {
  background-color: #18191b !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #18191b !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.osadomar-theme .secondary-border {
  background-color: #18191b !important;
}
.osadomar-theme .tertiary-color {
  color: #18191b !important;
}
.osadomar-theme button.button-tertiary {
  background-color: #18191b !important;
  color: #18191b !important;
  border: 1px solid #18191b !important;
}
.osadomar-theme span.red-text {
  color: #DB1F35 !important;
}
.osadomar-theme .tertiary-background {
  background-color: #18191b !important;
}
.osadomar-theme .tertiary-border {
  border-color: #18191b !important;
}
.osadomar-theme .dark-background {
  background-color: black !important;
}
.osadomar-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.osadomar-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.osadomar-theme .primary-soft-background {
  background-color: rgba(24, 25, 27, 0.1) !important;
}
.osadomar-theme .primary-soft-background:hover {
  background-color: rgba(24, 25, 27, 0.15) !important;
}
.osadomar-theme .primary-border {
  border-color: #18191b !important;
}
.osadomar-theme .default-background {
  background-color: #fafafa !important;
}
.osadomar-theme .hover-primary:hover {
  color: #18191b !important;
}
.osadomar-theme .hover-primary-background:hover {
  background-color: #18191b !important;
}
.osadomar-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.osadomar-theme .warn-color {
  color: #e74737 !important;
}
.osadomar-theme .warn-border {
  border-color: #e74737 !important;
}
.osadomar-theme .accent-color {
  color: #fedd93 !important;
}
.osadomar-theme .accent-background {
  background-color: #fedd93 !important;
}
.osadomar-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.osadomar-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.osadomar-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.osadomar-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.osadomar-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.osadomar-theme .dialog-table tr .action-icon {
  color: transparent;
}
.osadomar-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.osadomar-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.osadomar-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #18191b;
}
.osadomar-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.osadomar-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.osadomar-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.osadomar-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.osadomar-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.osadomar-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.osadomar-theme .card-table tr .action-icon {
  color: transparent;
}
.osadomar-theme .card-table tr .action-icon button {
  color: transparent;
}
.osadomar-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.osadomar-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.osadomar-theme .card-table tr:hover .action-icon button {
  color: #18191b;
}
.osadomar-theme .card-table tr:hover .action-icon:hover {
  color: #18191b;
}
.osadomar-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.osadomar-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.osadomar-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.osadomar-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.osadomar-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #18191b;
}
.osadomar-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.osadomar-theme .no-hover-table tr:hover {
  background: white;
}
.osadomar-theme .custom-standard-chip {
  background-color: rgba(24, 25, 27, 0.1) !important;
  color: #18191b !important;
}
.osadomar-theme .help-dashboard-card .mat-icon {
  color: #18191b;
}
.osadomar-theme .help-dashboard-card:hover {
  background-color: #18191b;
}
.osadomar-theme .help-dashboard-card:hover .mat-icon,
.osadomar-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.osadomar-theme .room-open {
  background-color: #18191b !important;
  color: white !important;
}
.osadomar-theme .room-open:hover {
  background-color: #18191b !important;
  color: white !important;
}
.osadomar-theme #public-office-page-groups .public-group-button-hover {
  background-color: #18191b !important;
  color: white !important;
}
.osadomar-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.osadomar-theme .notification-container .show-tip {
  color: transparent;
}
.osadomar-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.osadomar-theme .notification-container:hover .show-tip {
  color: #18191b;
}
.osadomar-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.osadomar-theme .notification-container .notification-subject .mat-icon {
  color: #18191b;
}
.osadomar-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.osadomar-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.osadomar-theme .message-container .show-tip {
  color: transparent;
}
.osadomar-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.osadomar-theme .message-container:hover .show-tip {
  color: #18191b;
}
.osadomar-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.osadomar-theme .message-container .message-subject .mat-icon {
  color: #18191b;
}
.osadomar-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.osadomar-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.osadomar-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.osadomar-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.osadomar-theme .primary-200-outline input {
  caret-color: #8c8c8d;
  color: #18191b;
}
.osadomar-theme .primary-200-outline label {
  color: #8c8c8d;
}
.osadomar-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #8c8c8d !important;
}
.osadomar-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #8c8c8d;
}
.osadomar-theme mat-form-field .primary-outline label {
  color: #18191b !important;
}
.osadomar-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #18191b !important;
}
.osadomar-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #18191b !important;
}
.osadomar-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.osadomar-theme .input-primary input {
  caret-color: #18191b;
  color: #18191b;
}
.osadomar-theme .input-primary label {
  color: #18191b;
}
.osadomar-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #18191b !important;
}
.osadomar-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.osadomar-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #18191b;
  border-width: 1px;
}
.osadomar-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.osadomar-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.osadomar-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.osadomar-theme .boton-recarga {
  background-color: #18191b;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.osadomar-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.osadomar-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.osadomar-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.osadomar-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.osadomar-theme .header-container button {
  padding: 0 !important;
}
.osadomar-theme .header-container .mat-button {
  min-width: unset !important;
}
.osadomar-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.osadomar-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.osadomar-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.osadomar-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.osadomar-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.osadomar-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.osadomar-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.osadomar-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.osadomar-theme .input-recarga-marine {
  border: 1px solid #18191b !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.osadomar-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.osadomar-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.osadomar-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.osadomar-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.osadomar-theme .color-primary {
  color: #18191b !important;
  fill: #18191b !important;
}
.osadomar-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.osadomar-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.osadomar-theme .primary-contrast {
  color: #ffffff !important;
}
.osadomar-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #18191b !important;
}
.osadomar-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #18191b !important;
}
.osadomar-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.osadomar-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #18191b !important;
}
.osadomar-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.osadomar-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.osadomar-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.osadomar-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #18191b !important;
}
.osadomar-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #18191b !important;
}
.osadomar-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #18191b !important;
}
.osadomar-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #18191b !important;
}
.osadomar-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #18191b !important;
}
.osadomar-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.osadomar-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #18191b !important;
}
.osadomar-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.osadomar-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #18191b !important;
}
.osadomar-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.osadomar-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.osadomar-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #18191b !important;
}
.osadomar-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #18191b !important;
}
.osadomar-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.osadomar-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #18191b !important;
}
.osadomar-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #18191b !important;
}
.osadomar-theme .mat-checkbox-checked .mat-checkbox-background,
.osadomar-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #18191b !important;
}
.osadomar-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #18191b !important;
}
.osadomar-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.osadomar-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #18191b !important;
}
.osadomar-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.osadomar-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #18191b !important;
}
.osadomar-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #8c8c8d !important;
}
.osadomar-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #18191b !important;
}
.osadomar-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.osadomar-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.osadomar-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.osadomar-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.osadomar-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #18191b !important;
}
.osadomar-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #18191b !important;
}
.osadomar-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #18191b !important;
}
.osadomar-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.osadomar-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #18191b !important;
}
.osadomar-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #18191b !important;
}
.osadomar-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #18191b !important;
}
.osadomar-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.osadomar-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.osadomar-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #18191b !important;
}
.osadomar-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #18191b !important;
}
.osadomar-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.osadomar-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.osadomar-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #18191b !important;
}
.osadomar-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.osadomar-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.osadomar-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.osadomar-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #18191b !important;
}
.osadomar-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.osadomar-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #18191b !important;
}
.osadomar-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #18191b !important;
}
.osadomar-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #18191b !important;
}
.osadomar-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.osadomar-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.osadomar-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.osadomar-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #18191b !important;
}
.osadomar-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #18191b !important;
}
.osadomar-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #18191b !important;
}
.osadomar-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #18191b !important;
}
.osadomar-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.osadomar-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #18191b !important;
}
.osadomar-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #18191b !important;
}
.osadomar-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.osadomar-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #18191b !important;
}
.osadomar-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #18191b !important;
}
.osadomar-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.osadomar-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.osadomar-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.osadomar-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #18191b !important;
}
.osadomar-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #18191b !important;
}
.osadomar-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.osadomar-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.osadomar-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #18191b !important;
}
.osadomar-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #18191b !important;
}
.osadomar-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #18191b !important;
}
.osadomar-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #18191b !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.osadomar-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #18191b !important;
}
.osadomar-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #18191b !important;
}
.osadomar-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #18191b !important;
}
.osadomar-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #18191b !important;
}
.osadomar-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #18191b !important;
}
.osadomar-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.osadomar-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.osadomar-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.osadomar-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.osadomar-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.osadomar-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #18191b !important;
}
.osadomar-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #18191b !important;
}
.osadomar-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #18191b !important;
}
.osadomar-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #18191b !important;
}
.osadomar-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #18191b !important;
}
.osadomar-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #18191b !important;
}
.osadomar-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.osadomar-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #18191b !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.osadomar-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.osadomar-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.osadomar-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.osadomar-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.osadomar-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.osadomar-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #18191b !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.osadomar-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #18191b !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #18191b !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.osadomar-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #18191b !important;
}
.osadomar-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.osadomar-theme .button-text-hidden {
  display: none;
}
.duodinamico-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #4699f7;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #4699f7 87%, transparent);
  --mat-form-field-filled-caret-color: #4699f7;
  --mat-form-field-filled-focus-active-indicator-color: #4699f7;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #4699f7 87%, transparent);
  --mat-form-field-outlined-caret-color: #4699f7;
  --mat-form-field-outlined-focus-outline-color: #4699f7;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #4699f7 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #4699f7;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #4699f7;
  --mat-slide-toggle-selected-handle-color: #4699f7;
  --mat-slide-toggle-selected-hover-state-layer-color: #4699f7;
  --mat-slide-toggle-selected-pressed-state-layer-color: #4699f7;
  --mat-slide-toggle-selected-focus-handle-color: #4699f7;
  --mat-slide-toggle-selected-hover-handle-color: #4699f7;
  --mat-slide-toggle-selected-pressed-handle-color: #4699f7;
  --mat-slide-toggle-selected-focus-track-color: #7eb8f9;
  --mat-slide-toggle-selected-hover-track-color: #7eb8f9;
  --mat-slide-toggle-selected-pressed-track-color: #7eb8f9;
  --mat-slide-toggle-selected-track-color: #7eb8f9;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #4699f7;
  --mat-slider-focus-handle-color: #4699f7;
  --mat-slider-handle-color: #4699f7;
  --mat-slider-hover-handle-color: #4699f7;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #4699f7 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #4699f7 4%, transparent);
  --mat-slider-inactive-track-color: #4699f7;
  --mat-slider-ripple-color: #4699f7;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #4699f7;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #7eb8f9;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #4699f7;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #4699f7;
  --mat-badge-text-color: #000000;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #4699f7 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #4699f7;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #4699f7 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #4699f7 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #4699f7 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #4699f7;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #4699f7;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #4699f7;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #4699f7;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #4699f7;
  --mat-slide-toggle-selected-handle-color: #4699f7;
  --mat-slide-toggle-selected-hover-state-layer-color: #4699f7;
  --mat-slide-toggle-selected-pressed-state-layer-color: #4699f7;
  --mat-slide-toggle-selected-focus-handle-color: #4699f7;
  --mat-slide-toggle-selected-hover-handle-color: #4699f7;
  --mat-slide-toggle-selected-pressed-handle-color: #4699f7;
  --mat-slide-toggle-selected-focus-track-color: #7eb8f9;
  --mat-slide-toggle-selected-hover-track-color: #7eb8f9;
  --mat-slide-toggle-selected-pressed-track-color: #7eb8f9;
  --mat-slide-toggle-selected-track-color: #7eb8f9;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.duodinamico-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.duodinamico-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.duodinamico-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #4699f7;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #4699f7;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.duodinamico-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.duodinamico-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.duodinamico-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #4699f7;
  --mat-progress-bar-track-color: rgba(70, 153, 247, 0.25);
}
.duodinamico-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.duodinamico-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.duodinamico-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.duodinamico-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.duodinamico-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.duodinamico-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.duodinamico-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.duodinamico-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.duodinamico-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.duodinamico-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #4699f7;
  --mat-chip-elevated-disabled-container-color: #4699f7;
  --mat-chip-elevated-selected-container-color: #4699f7;
  --mat-chip-flat-disabled-selected-container-color: #4699f7;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.duodinamico-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.duodinamico-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.duodinamico-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.duodinamico-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.duodinamico-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.duodinamico-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.duodinamico-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.duodinamico-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.duodinamico-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.duodinamico-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #4699f7;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #4699f7;
  --mat-radio-selected-hover-icon-color: #4699f7;
  --mat-radio-selected-icon-color: #4699f7;
  --mat-radio-selected-pressed-icon-color: #4699f7;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.duodinamico-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.duodinamico-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.duodinamico-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.duodinamico-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.duodinamico-theme .mdc-list-item__start,
.duodinamico-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #4699f7;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #4699f7;
  --mat-radio-selected-hover-icon-color: #4699f7;
  --mat-radio-selected-icon-color: #4699f7;
  --mat-radio-selected-pressed-icon-color: #4699f7;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.duodinamico-theme .mat-accent .mdc-list-item__start,
.duodinamico-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.duodinamico-theme .mat-warn .mdc-list-item__start,
.duodinamico-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.duodinamico-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #4699f7;
  --mat-checkbox-selected-hover-icon-color: #4699f7;
  --mat-checkbox-selected-icon-color: #4699f7;
  --mat-checkbox-selected-pressed-icon-color: #4699f7;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #4699f7;
  --mat-checkbox-selected-hover-state-layer-color: #4699f7;
  --mat-checkbox-selected-pressed-state-layer-color: #4699f7;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.duodinamico-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.duodinamico-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.duodinamico-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.duodinamico-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.duodinamico-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.duodinamico-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #4699f7;
}
.duodinamico-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.duodinamico-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.duodinamico-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.duodinamico-theme .mdc-list-item__start,
.duodinamico-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.duodinamico-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.duodinamico-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.duodinamico-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.duodinamico-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.duodinamico-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.duodinamico-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.duodinamico-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.duodinamico-theme .mat-mdc-tab-group,
.duodinamico-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #4699f7;
  --mat-tab-active-ripple-color: #4699f7;
  --mat-tab-inactive-ripple-color: #4699f7;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #4699f7;
  --mat-tab-active-hover-label-text-color: #4699f7;
  --mat-tab-active-focus-indicator-color: #4699f7;
  --mat-tab-active-hover-indicator-color: #4699f7;
  --mat-tab-active-indicator-color: #4699f7;
}
.duodinamico-theme .mat-mdc-tab-group.mat-accent,
.duodinamico-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.duodinamico-theme .mat-mdc-tab-group.mat-warn,
.duodinamico-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.duodinamico-theme .mat-mdc-tab-group.mat-background-primary,
.duodinamico-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #4699f7;
  --mat-tab-foreground-color: #000000;
}
.duodinamico-theme .mat-mdc-tab-group.mat-background-accent,
.duodinamico-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.duodinamico-theme .mat-mdc-tab-group.mat-background-warn,
.duodinamico-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.duodinamico-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.duodinamico-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.duodinamico-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #4699f7;
  --mat-checkbox-selected-hover-icon-color: #4699f7;
  --mat-checkbox-selected-icon-color: #4699f7;
  --mat-checkbox-selected-pressed-icon-color: #4699f7;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #4699f7;
  --mat-checkbox-selected-hover-state-layer-color: #4699f7;
  --mat-checkbox-selected-pressed-state-layer-color: #4699f7;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.duodinamico-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.duodinamico-theme .mat-mdc-button.mat-primary,
.duodinamico-theme .mat-mdc-unelevated-button.mat-primary,
.duodinamico-theme .mat-mdc-raised-button.mat-primary,
.duodinamico-theme .mat-mdc-outlined-button.mat-primary,
.duodinamico-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #4699f7;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #4699f7;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #4699f7 12%, transparent);
  --mat-button-outlined-state-layer-color: #4699f7;
  --mat-button-protected-container-color: #4699f7;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #4699f7;
  --mat-button-text-ripple-color: color-mix(in srgb, #4699f7 12%, transparent);
  --mat-button-text-state-layer-color: #4699f7;
  --mat-button-tonal-container-color: #4699f7;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.duodinamico-theme .mat-mdc-button.mat-accent,
.duodinamico-theme .mat-mdc-unelevated-button.mat-accent,
.duodinamico-theme .mat-mdc-raised-button.mat-accent,
.duodinamico-theme .mat-mdc-outlined-button.mat-accent,
.duodinamico-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.duodinamico-theme .mat-mdc-button.mat-warn,
.duodinamico-theme .mat-mdc-unelevated-button.mat-warn,
.duodinamico-theme .mat-mdc-raised-button.mat-warn,
.duodinamico-theme .mat-mdc-outlined-button.mat-warn,
.duodinamico-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.duodinamico-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #4699f7;
  --mat-icon-button-state-layer-color: #4699f7;
  --mat-icon-button-ripple-color: color-mix(in srgb, #4699f7 12%, transparent);
}
.duodinamico-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.duodinamico-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.duodinamico-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.duodinamico-theme .mat-mdc-fab.mat-primary,
.duodinamico-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #4699f7;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #4699f7 12%, transparent);
  --mat-fab-small-container-color: #4699f7;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.duodinamico-theme .mat-mdc-fab.mat-accent,
.duodinamico-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.duodinamico-theme .mat-mdc-fab.mat-warn,
.duodinamico-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.duodinamico-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.duodinamico-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.duodinamico-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.duodinamico-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.duodinamico-theme .mat-datepicker-content.mat-accent,
.duodinamico-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.duodinamico-theme .mat-datepicker-content.mat-warn,
.duodinamico-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.duodinamico-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.duodinamico-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.duodinamico-theme .mat-icon.mat-primary {
  --mat-icon-color: #4699f7;
}
.duodinamico-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.duodinamico-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.duodinamico-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.duodinamico-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.duodinamico-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #4699f7;
  --mat-toolbar-container-text-color: #000000;
}
.duodinamico-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.duodinamico-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.duodinamico-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.duodinamico-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.duodinamico-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.duodinamico-theme .back-container {
  color: #4699f7;
}
.duodinamico-theme .back-container:hover {
  opacity: 0.54;
}
.duodinamico-theme .warn-text {
  color: #e74737;
}
.duodinamico-theme .inside-modal-title.primary-colored-title,
.duodinamico-theme .form-title.primary-colored-title {
  color: #4699f7;
}
.duodinamico-theme .full-height-container form .button-container {
  background: white;
}
.duodinamico-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.duodinamico-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.duodinamico-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.duodinamico-theme .box-checkbox.active-box-checkbox {
  background-color: #4699f7;
  color: white;
}
.duodinamico-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.duodinamico-theme .box-radio.active-box-radio {
  background-color: #4699f7;
  color: white;
}
.duodinamico-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.duodinamico-theme .error {
  color: #e74737;
}
.duodinamico-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.duodinamico-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.duodinamico-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.duodinamico-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.duodinamico-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.duodinamico-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.duodinamico-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.duodinamico-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.duodinamico-theme .ql-snow .ql-picker-options {
  background: white;
}
.duodinamico-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.duodinamico-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.duodinamico-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.duodinamico-theme .ql-snow .ql-fill,
.duodinamico-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.duodinamico-theme .ql-snow.ql-toolbar button:hover,
.duodinamico-theme .ql-snow .ql-toolbar button:hover,
.duodinamico-theme .ql-snow.ql-toolbar button:focus,
.duodinamico-theme .ql-snow .ql-toolbar button:focus,
.duodinamico-theme .ql-snow.ql-toolbar button.ql-active,
.duodinamico-theme .ql-snow .ql-toolbar button.ql-active,
.duodinamico-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.duodinamico-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.duodinamico-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.duodinamico-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.duodinamico-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.duodinamico-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.duodinamico-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.duodinamico-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.duodinamico-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.duodinamico-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.duodinamico-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.duodinamico-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.duodinamico-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.duodinamico-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.duodinamico-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.duodinamico-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.duodinamico-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.duodinamico-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.duodinamico-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.duodinamico-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.duodinamico-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.duodinamico-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.duodinamico-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.duodinamico-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.duodinamico-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.duodinamico-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.duodinamico-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.duodinamico-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.duodinamico-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.duodinamico-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.duodinamico-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.duodinamico-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.duodinamico-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.duodinamico-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.duodinamico-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.duodinamico-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.duodinamico-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.duodinamico-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.duodinamico-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.duodinamico-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.duodinamico-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.duodinamico-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.duodinamico-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.duodinamico-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.duodinamico-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.duodinamico-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.duodinamico-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.duodinamico-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.duodinamico-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.duodinamico-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.duodinamico-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.duodinamico-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.duodinamico-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.duodinamico-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.duodinamico-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.duodinamico-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.duodinamico-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.duodinamico-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.duodinamico-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.duodinamico-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.duodinamico-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.duodinamico-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.duodinamico-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.duodinamico-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.duodinamico-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.duodinamico-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.duodinamico-theme bee-form-item {
  margin-right: 0 !important;
}
.duodinamico-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.duodinamico-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #4699f7;
  height: 38px !important;
}
.duodinamico-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.duodinamico-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.duodinamico-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.duodinamico-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.duodinamico-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.duodinamico-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.duodinamico-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.duodinamico-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.duodinamico-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .duodinamico-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.duodinamico-theme .general-container .label-wrapper label {
  color: #4699f7 !important;
  background-color: white;
}
.duodinamico-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.duodinamico-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.duodinamico-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.duodinamico-theme .general-container .bee-selector .bee-selector-container {
  border-color: #4699f7 !important;
}
.duodinamico-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.duodinamico-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.duodinamico-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.duodinamico-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.duodinamico-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.duodinamico-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.duodinamico-theme .general-container .bee-selector .bee-selector-container:focus,
.duodinamico-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #4699f7;
}
.duodinamico-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.duodinamico-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #4699f7;
}
.duodinamico-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.duodinamico-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #4699f7;
}
.duodinamico-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.duodinamico-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.duodinamico-theme .general-container .bee-dropdown {
  background: white;
}
.duodinamico-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #4699f7;
}
.duodinamico-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.duodinamico-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.duodinamico-theme .general-container .selector-error {
  color: #e74737;
}
.duodinamico-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.duodinamico-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.duodinamico-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.duodinamico-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.duodinamico-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #4699f7;
}
.duodinamico-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.duodinamico-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.duodinamico-theme .move-image-action-container:hover {
  color: #4699f7;
}
.duodinamico-theme .info-icon {
  color: #4699f7;
}
.duodinamico-theme .email-chip {
  color: #4699f7 !important;
  background-color: rgba(70, 153, 247, 0.15) !important;
}
.duodinamico-theme .email-chip .mat-chip-remove {
  color: #4699f7 !important;
  opacity: 1 !important;
}
.duodinamico-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.duodinamico-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.duodinamico-theme .mat-badge-content {
  color: #4699f7 !important;
}
.duodinamico-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #4699f7 !important;
}
.duodinamico-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #4699f7 !important;
}
.duodinamico-theme #circle-lleno {
  background: #c2d6ff;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.duodinamico-theme .primary-contrast-text-color {
  color: #000000 !important;
}
.duodinamico-theme .marine-color {
  color: #0f223e !important;
}
.duodinamico-theme .primary-color {
  color: #4699f7 !important;
}
.duodinamico-theme .gray-color {
  color: #C0C4CA !important;
}
.duodinamico-theme .primary-color-200 {
  color: #a3ccfb !important;
}
.duodinamico-theme svg.primary-fill-svg {
  fill: #4699f7 !important;
}
.duodinamico-theme .primary-fill {
  fill: #4699f7 !important;
}
.duodinamico-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.duodinamico-theme .primary-border-50 {
  border-color: #e9f3fe !important;
}
.duodinamico-theme .primary-border-100 {
  border-color: #c8e0fd !important;
}
.duodinamico-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.duodinamico-theme .transparent-border-100 {
  border-color: transparent !important;
}
.duodinamico-theme .primary-border-200 {
  border-color: #a3ccfb !important;
}
.duodinamico-theme .primary-indicator .mat-expansion-indicator:after {
  color: #4699f7;
}
.duodinamico-theme .contrast-background {
  background-color: #000000 !important;
}
.duodinamico-theme .primary-color-small {
  color: rgba(70, 153, 247, 0.6);
}
.duodinamico-theme .marine-background {
  background-color: #0f223e !important;
}
.duodinamico-theme .primary-background {
  background-color: #4699f7 !important;
}
.duodinamico-theme .primary-background-50 {
  background-color: #e9f3fe !important;
}
.duodinamico-theme .primary-background-200 {
  background-color: #a3ccfb !important;
}
.duodinamico-theme .primary-background-800 {
  background-color: #2f7cf3 !important;
}
.duodinamico-theme .white-color {
  color: white !important;
}
.duodinamico-theme .secondary-color {
  color: #c2d6ff !important;
}
.duodinamico-theme .secondary-background {
  background-color: #c2d6ff !important;
}
.duodinamico-theme .secondary-background-semi {
  background-color: #4699f7 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #4699f7 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.duodinamico-theme .secondary-background-full {
  background-color: #4699f7 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #4699f7 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.duodinamico-theme .secondary-background-empty {
  background-color: #4699f7 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #4699f7 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.duodinamico-theme .secondary-border {
  background-color: #c2d6ff !important;
}
.duodinamico-theme .tertiary-color {
  color: #c2d6ff !important;
}
.duodinamico-theme button.button-tertiary {
  background-color: #c2d6ff !important;
  color: #4699f7 !important;
  border: 1px solid #4699f7 !important;
}
.duodinamico-theme span.red-text {
  color: #DB1F35 !important;
}
.duodinamico-theme .tertiary-background {
  background-color: #c2d6ff !important;
}
.duodinamico-theme .tertiary-border {
  border-color: #c2d6ff !important;
}
.duodinamico-theme .dark-background {
  background-color: black !important;
}
.duodinamico-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.duodinamico-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.duodinamico-theme .primary-soft-background {
  background-color: rgba(70, 153, 247, 0.1) !important;
}
.duodinamico-theme .primary-soft-background:hover {
  background-color: rgba(70, 153, 247, 0.15) !important;
}
.duodinamico-theme .primary-border {
  border-color: #4699f7 !important;
}
.duodinamico-theme .default-background {
  background-color: #fafafa !important;
}
.duodinamico-theme .hover-primary:hover {
  color: #4699f7 !important;
}
.duodinamico-theme .hover-primary-background:hover {
  background-color: #4699f7 !important;
}
.duodinamico-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.duodinamico-theme .warn-color {
  color: #e74737 !important;
}
.duodinamico-theme .warn-border {
  border-color: #e74737 !important;
}
.duodinamico-theme .accent-color {
  color: #fedd93 !important;
}
.duodinamico-theme .accent-background {
  background-color: #fedd93 !important;
}
.duodinamico-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.duodinamico-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.duodinamico-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.duodinamico-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.duodinamico-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.duodinamico-theme .dialog-table tr .action-icon {
  color: transparent;
}
.duodinamico-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.duodinamico-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.duodinamico-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #4699f7;
}
.duodinamico-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.duodinamico-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.duodinamico-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.duodinamico-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.duodinamico-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.duodinamico-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.duodinamico-theme .card-table tr .action-icon {
  color: transparent;
}
.duodinamico-theme .card-table tr .action-icon button {
  color: transparent;
}
.duodinamico-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.duodinamico-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.duodinamico-theme .card-table tr:hover .action-icon button {
  color: #4699f7;
}
.duodinamico-theme .card-table tr:hover .action-icon:hover {
  color: #4699f7;
}
.duodinamico-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.duodinamico-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.duodinamico-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.duodinamico-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.duodinamico-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #4699f7;
}
.duodinamico-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.duodinamico-theme .no-hover-table tr:hover {
  background: white;
}
.duodinamico-theme .custom-standard-chip {
  background-color: rgba(70, 153, 247, 0.1) !important;
  color: #4699f7 !important;
}
.duodinamico-theme .help-dashboard-card .mat-icon {
  color: #4699f7;
}
.duodinamico-theme .help-dashboard-card:hover {
  background-color: #4699f7;
}
.duodinamico-theme .help-dashboard-card:hover .mat-icon,
.duodinamico-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.duodinamico-theme .room-open {
  background-color: #4699f7 !important;
  color: white !important;
}
.duodinamico-theme .room-open:hover {
  background-color: #4699f7 !important;
  color: white !important;
}
.duodinamico-theme #public-office-page-groups .public-group-button-hover {
  background-color: #4699f7 !important;
  color: white !important;
}
.duodinamico-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.duodinamico-theme .notification-container .show-tip {
  color: transparent;
}
.duodinamico-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.duodinamico-theme .notification-container:hover .show-tip {
  color: #4699f7;
}
.duodinamico-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.duodinamico-theme .notification-container .notification-subject .mat-icon {
  color: #4699f7;
}
.duodinamico-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.duodinamico-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.duodinamico-theme .message-container .show-tip {
  color: transparent;
}
.duodinamico-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.duodinamico-theme .message-container:hover .show-tip {
  color: #4699f7;
}
.duodinamico-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.duodinamico-theme .message-container .message-subject .mat-icon {
  color: #4699f7;
}
.duodinamico-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.duodinamico-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.duodinamico-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.duodinamico-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.duodinamico-theme .primary-200-outline input {
  caret-color: #a3ccfb;
  color: #4699f7;
}
.duodinamico-theme .primary-200-outline label {
  color: #a3ccfb;
}
.duodinamico-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #a3ccfb !important;
}
.duodinamico-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #a3ccfb;
}
.duodinamico-theme mat-form-field .primary-outline label {
  color: #4699f7 !important;
}
.duodinamico-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #4699f7 !important;
}
.duodinamico-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #4699f7 !important;
}
.duodinamico-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.duodinamico-theme .input-primary input {
  caret-color: #4699f7;
  color: #4699f7;
}
.duodinamico-theme .input-primary label {
  color: #4699f7;
}
.duodinamico-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #4699f7 !important;
}
.duodinamico-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.duodinamico-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #4699f7;
  border-width: 1px;
}
.duodinamico-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.duodinamico-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.duodinamico-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.duodinamico-theme .boton-recarga {
  background-color: #4699f7;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.duodinamico-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.duodinamico-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
}
.duodinamico-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.duodinamico-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.duodinamico-theme .header-container button {
  padding: 0 !important;
}
.duodinamico-theme .header-container .mat-button {
  min-width: unset !important;
}
.duodinamico-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.duodinamico-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.duodinamico-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.duodinamico-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.duodinamico-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.duodinamico-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.duodinamico-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.duodinamico-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.duodinamico-theme .input-recarga-marine {
  border: 1px solid #4699f7 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.duodinamico-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.duodinamico-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.duodinamico-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.duodinamico-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.duodinamico-theme .color-primary {
  color: #4699f7 !important;
  fill: #4699f7 !important;
}
.duodinamico-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.duodinamico-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.duodinamico-theme .primary-contrast {
  color: #000000 !important;
}
.duodinamico-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #4699f7 !important;
}
.duodinamico-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #4699f7 !important;
}
.duodinamico-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.duodinamico-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #4699f7 !important;
}
.duodinamico-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.duodinamico-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.duodinamico-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.duodinamico-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #4699f7 !important;
}
.duodinamico-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #4699f7 !important;
}
.duodinamico-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #4699f7 !important;
}
.duodinamico-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #4699f7 !important;
}
.duodinamico-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #4699f7 !important;
}
.duodinamico-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.duodinamico-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #4699f7 !important;
}
.duodinamico-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.duodinamico-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #4699f7 !important;
}
.duodinamico-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.duodinamico-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.duodinamico-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #4699f7 !important;
}
.duodinamico-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #c2d6ff !important;
}
.duodinamico-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.duodinamico-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #4699f7 !important;
}
.duodinamico-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #4699f7 !important;
}
.duodinamico-theme .mat-checkbox-checked .mat-checkbox-background,
.duodinamico-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #4699f7 !important;
}
.duodinamico-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #4699f7 !important;
}
.duodinamico-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.duodinamico-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #4699f7 !important;
}
.duodinamico-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.duodinamico-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #4699f7 !important;
}
.duodinamico-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #a3ccfb !important;
}
.duodinamico-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #4699f7 !important;
}
.duodinamico-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.duodinamico-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.duodinamico-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.duodinamico-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.duodinamico-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #4699f7 !important;
}
.duodinamico-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #4699f7 !important;
}
.duodinamico-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #4699f7 !important;
}
.duodinamico-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.duodinamico-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #4699f7 !important;
}
.duodinamico-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #4699f7 !important;
}
.duodinamico-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #4699f7 !important;
}
.duodinamico-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.duodinamico-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.duodinamico-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #4699f7 !important;
}
.duodinamico-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #4699f7 !important;
}
.duodinamico-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.duodinamico-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.duodinamico-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #4699f7 !important;
}
.duodinamico-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.duodinamico-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.duodinamico-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.duodinamico-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #4699f7 !important;
}
.duodinamico-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.duodinamico-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #4699f7 !important;
}
.duodinamico-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #4699f7 !important;
}
.duodinamico-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #4699f7 !important;
}
.duodinamico-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.duodinamico-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.duodinamico-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.duodinamico-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #4699f7 !important;
}
.duodinamico-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #4699f7 !important;
}
.duodinamico-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #c2d6ff !important;
}
.duodinamico-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #c2d6ff !important;
}
.duodinamico-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.duodinamico-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #4699f7 !important;
}
.duodinamico-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #4699f7 !important;
}
.duodinamico-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.duodinamico-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #4699f7 !important;
}
.duodinamico-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #4699f7 !important;
}
.duodinamico-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.duodinamico-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.duodinamico-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.duodinamico-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #c2d6ff !important;
}
.duodinamico-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #c2d6ff !important;
}
.duodinamico-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.duodinamico-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.duodinamico-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #c2d6ff !important;
}
.duodinamico-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #c2d6ff !important;
}
.duodinamico-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #c2d6ff !important;
}
.duodinamico-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #c2d6ff !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.duodinamico-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #c2d6ff !important;
}
.duodinamico-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #c2d6ff !important;
}
.duodinamico-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #4699f7 !important;
}
.duodinamico-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #4699f7 !important;
}
.duodinamico-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #4699f7 !important;
}
.duodinamico-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #000000 !important;
}
.duodinamico-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.duodinamico-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #000000 !important;
}
.duodinamico-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.duodinamico-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.duodinamico-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #4699f7 !important;
}
.duodinamico-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #4699f7 !important;
}
.duodinamico-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #4699f7 !important;
}
.duodinamico-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #4699f7 !important;
}
.duodinamico-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #4699f7 !important;
}
.duodinamico-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #4699f7 !important;
}
.duodinamico-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.duodinamico-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #000000;
  background-color: #4699f7 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.duodinamico-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.duodinamico-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.duodinamico-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.duodinamico-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.duodinamico-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.duodinamico-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #c2d6ff !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.duodinamico-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #4699f7 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #4699f7 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.duodinamico-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #4699f7 !important;
}
.duodinamico-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.duodinamico-theme .button-text-hidden {
  display: none;
}
.obusbaronrojo-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #000000;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #000000 87%, transparent);
  --mat-form-field-filled-caret-color: #000000;
  --mat-form-field-filled-focus-active-indicator-color: #000000;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #000000 87%, transparent);
  --mat-form-field-outlined-caret-color: #000000;
  --mat-form-field-outlined-focus-outline-color: #000000;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #000000 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #000000;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #000000;
  --mat-slide-toggle-selected-handle-color: #000000;
  --mat-slide-toggle-selected-hover-state-layer-color: #000000;
  --mat-slide-toggle-selected-pressed-state-layer-color: #000000;
  --mat-slide-toggle-selected-focus-handle-color: #000000;
  --mat-slide-toggle-selected-hover-handle-color: #000000;
  --mat-slide-toggle-selected-pressed-handle-color: #000000;
  --mat-slide-toggle-selected-focus-track-color: #4d4d4d;
  --mat-slide-toggle-selected-hover-track-color: #4d4d4d;
  --mat-slide-toggle-selected-pressed-track-color: #4d4d4d;
  --mat-slide-toggle-selected-track-color: #4d4d4d;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #000000;
  --mat-slider-focus-handle-color: #000000;
  --mat-slider-handle-color: #000000;
  --mat-slider-hover-handle-color: #000000;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #000000 4%, transparent);
  --mat-slider-inactive-track-color: #000000;
  --mat-slider-ripple-color: #000000;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #000000;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #4d4d4d;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #000000;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #000000;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #000000 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #000000;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #000000 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #000000 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #000000;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #000000;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #000000;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #000000;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #000000;
  --mat-slide-toggle-selected-handle-color: #000000;
  --mat-slide-toggle-selected-hover-state-layer-color: #000000;
  --mat-slide-toggle-selected-pressed-state-layer-color: #000000;
  --mat-slide-toggle-selected-focus-handle-color: #000000;
  --mat-slide-toggle-selected-hover-handle-color: #000000;
  --mat-slide-toggle-selected-pressed-handle-color: #000000;
  --mat-slide-toggle-selected-focus-track-color: #4d4d4d;
  --mat-slide-toggle-selected-hover-track-color: #4d4d4d;
  --mat-slide-toggle-selected-pressed-track-color: #4d4d4d;
  --mat-slide-toggle-selected-track-color: #4d4d4d;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.obusbaronrojo-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.obusbaronrojo-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.obusbaronrojo-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #000000;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #000000;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.obusbaronrojo-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.obusbaronrojo-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.obusbaronrojo-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #000000;
  --mat-progress-bar-track-color: rgba(0, 0, 0, 0.25);
}
.obusbaronrojo-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.obusbaronrojo-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.obusbaronrojo-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.obusbaronrojo-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.obusbaronrojo-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.obusbaronrojo-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.obusbaronrojo-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.obusbaronrojo-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.obusbaronrojo-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.obusbaronrojo-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #000000;
  --mat-chip-elevated-disabled-container-color: #000000;
  --mat-chip-elevated-selected-container-color: #000000;
  --mat-chip-flat-disabled-selected-container-color: #000000;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.obusbaronrojo-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.obusbaronrojo-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.obusbaronrojo-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.obusbaronrojo-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.obusbaronrojo-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.obusbaronrojo-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.obusbaronrojo-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.obusbaronrojo-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.obusbaronrojo-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.obusbaronrojo-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #000000;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #000000;
  --mat-radio-selected-hover-icon-color: #000000;
  --mat-radio-selected-icon-color: #000000;
  --mat-radio-selected-pressed-icon-color: #000000;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.obusbaronrojo-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.obusbaronrojo-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.obusbaronrojo-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.obusbaronrojo-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.obusbaronrojo-theme .mdc-list-item__start,
.obusbaronrojo-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #000000;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #000000;
  --mat-radio-selected-hover-icon-color: #000000;
  --mat-radio-selected-icon-color: #000000;
  --mat-radio-selected-pressed-icon-color: #000000;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.obusbaronrojo-theme .mat-accent .mdc-list-item__start,
.obusbaronrojo-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.obusbaronrojo-theme .mat-warn .mdc-list-item__start,
.obusbaronrojo-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.obusbaronrojo-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #000000;
  --mat-checkbox-selected-hover-icon-color: #000000;
  --mat-checkbox-selected-icon-color: #000000;
  --mat-checkbox-selected-pressed-icon-color: #000000;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #000000;
  --mat-checkbox-selected-hover-state-layer-color: #000000;
  --mat-checkbox-selected-pressed-state-layer-color: #000000;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.obusbaronrojo-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.obusbaronrojo-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.obusbaronrojo-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.obusbaronrojo-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.obusbaronrojo-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.obusbaronrojo-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #000000;
}
.obusbaronrojo-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.obusbaronrojo-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.obusbaronrojo-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.obusbaronrojo-theme .mdc-list-item__start,
.obusbaronrojo-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.obusbaronrojo-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.obusbaronrojo-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.obusbaronrojo-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.obusbaronrojo-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.obusbaronrojo-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.obusbaronrojo-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.obusbaronrojo-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.obusbaronrojo-theme .mat-mdc-tab-group,
.obusbaronrojo-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #000000;
  --mat-tab-active-ripple-color: #000000;
  --mat-tab-inactive-ripple-color: #000000;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #000000;
  --mat-tab-active-hover-label-text-color: #000000;
  --mat-tab-active-focus-indicator-color: #000000;
  --mat-tab-active-hover-indicator-color: #000000;
  --mat-tab-active-indicator-color: #000000;
}
.obusbaronrojo-theme .mat-mdc-tab-group.mat-accent,
.obusbaronrojo-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.obusbaronrojo-theme .mat-mdc-tab-group.mat-warn,
.obusbaronrojo-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.obusbaronrojo-theme .mat-mdc-tab-group.mat-background-primary,
.obusbaronrojo-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #000000;
  --mat-tab-foreground-color: #ffffff;
}
.obusbaronrojo-theme .mat-mdc-tab-group.mat-background-accent,
.obusbaronrojo-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.obusbaronrojo-theme .mat-mdc-tab-group.mat-background-warn,
.obusbaronrojo-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.obusbaronrojo-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.obusbaronrojo-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.obusbaronrojo-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #000000;
  --mat-checkbox-selected-hover-icon-color: #000000;
  --mat-checkbox-selected-icon-color: #000000;
  --mat-checkbox-selected-pressed-icon-color: #000000;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #000000;
  --mat-checkbox-selected-hover-state-layer-color: #000000;
  --mat-checkbox-selected-pressed-state-layer-color: #000000;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.obusbaronrojo-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.obusbaronrojo-theme .mat-mdc-button.mat-primary,
.obusbaronrojo-theme .mat-mdc-unelevated-button.mat-primary,
.obusbaronrojo-theme .mat-mdc-raised-button.mat-primary,
.obusbaronrojo-theme .mat-mdc-outlined-button.mat-primary,
.obusbaronrojo-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #000000;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #000000;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-outlined-state-layer-color: #000000;
  --mat-button-protected-container-color: #000000;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #000000;
  --mat-button-text-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-text-state-layer-color: #000000;
  --mat-button-tonal-container-color: #000000;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.obusbaronrojo-theme .mat-mdc-button.mat-accent,
.obusbaronrojo-theme .mat-mdc-unelevated-button.mat-accent,
.obusbaronrojo-theme .mat-mdc-raised-button.mat-accent,
.obusbaronrojo-theme .mat-mdc-outlined-button.mat-accent,
.obusbaronrojo-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.obusbaronrojo-theme .mat-mdc-button.mat-warn,
.obusbaronrojo-theme .mat-mdc-unelevated-button.mat-warn,
.obusbaronrojo-theme .mat-mdc-raised-button.mat-warn,
.obusbaronrojo-theme .mat-mdc-outlined-button.mat-warn,
.obusbaronrojo-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.obusbaronrojo-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #000000;
  --mat-icon-button-state-layer-color: #000000;
  --mat-icon-button-ripple-color: color-mix(in srgb, #000000 12%, transparent);
}
.obusbaronrojo-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.obusbaronrojo-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.obusbaronrojo-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.obusbaronrojo-theme .mat-mdc-fab.mat-primary,
.obusbaronrojo-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #000000;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-container-color: #000000;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.obusbaronrojo-theme .mat-mdc-fab.mat-accent,
.obusbaronrojo-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.obusbaronrojo-theme .mat-mdc-fab.mat-warn,
.obusbaronrojo-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.obusbaronrojo-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.obusbaronrojo-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.obusbaronrojo-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.obusbaronrojo-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.obusbaronrojo-theme .mat-datepicker-content.mat-accent,
.obusbaronrojo-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.obusbaronrojo-theme .mat-datepicker-content.mat-warn,
.obusbaronrojo-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.obusbaronrojo-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.obusbaronrojo-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.obusbaronrojo-theme .mat-icon.mat-primary {
  --mat-icon-color: #000000;
}
.obusbaronrojo-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.obusbaronrojo-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.obusbaronrojo-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.obusbaronrojo-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.obusbaronrojo-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #000000;
  --mat-toolbar-container-text-color: #ffffff;
}
.obusbaronrojo-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.obusbaronrojo-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.obusbaronrojo-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.obusbaronrojo-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.obusbaronrojo-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.obusbaronrojo-theme .back-container {
  color: #000000;
}
.obusbaronrojo-theme .back-container:hover {
  opacity: 0.54;
}
.obusbaronrojo-theme .warn-text {
  color: #e74737;
}
.obusbaronrojo-theme .inside-modal-title.primary-colored-title,
.obusbaronrojo-theme .form-title.primary-colored-title {
  color: #000000;
}
.obusbaronrojo-theme .full-height-container form .button-container {
  background: white;
}
.obusbaronrojo-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.obusbaronrojo-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.obusbaronrojo-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.obusbaronrojo-theme .box-checkbox.active-box-checkbox {
  background-color: #000000;
  color: white;
}
.obusbaronrojo-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.obusbaronrojo-theme .box-radio.active-box-radio {
  background-color: #000000;
  color: white;
}
.obusbaronrojo-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.obusbaronrojo-theme .error {
  color: #e74737;
}
.obusbaronrojo-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.obusbaronrojo-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.obusbaronrojo-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.obusbaronrojo-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.obusbaronrojo-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.obusbaronrojo-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.obusbaronrojo-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.obusbaronrojo-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.obusbaronrojo-theme .ql-snow .ql-picker-options {
  background: white;
}
.obusbaronrojo-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.obusbaronrojo-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.obusbaronrojo-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.obusbaronrojo-theme .ql-snow .ql-fill,
.obusbaronrojo-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.obusbaronrojo-theme .ql-snow.ql-toolbar button:hover,
.obusbaronrojo-theme .ql-snow .ql-toolbar button:hover,
.obusbaronrojo-theme .ql-snow.ql-toolbar button:focus,
.obusbaronrojo-theme .ql-snow .ql-toolbar button:focus,
.obusbaronrojo-theme .ql-snow.ql-toolbar button.ql-active,
.obusbaronrojo-theme .ql-snow .ql-toolbar button.ql-active,
.obusbaronrojo-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.obusbaronrojo-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.obusbaronrojo-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.obusbaronrojo-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.obusbaronrojo-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.obusbaronrojo-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.obusbaronrojo-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.obusbaronrojo-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.obusbaronrojo-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.obusbaronrojo-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.obusbaronrojo-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.obusbaronrojo-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.obusbaronrojo-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.obusbaronrojo-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.obusbaronrojo-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.obusbaronrojo-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.obusbaronrojo-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.obusbaronrojo-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.obusbaronrojo-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.obusbaronrojo-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.obusbaronrojo-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.obusbaronrojo-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.obusbaronrojo-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.obusbaronrojo-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.obusbaronrojo-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.obusbaronrojo-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.obusbaronrojo-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.obusbaronrojo-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.obusbaronrojo-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.obusbaronrojo-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.obusbaronrojo-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.obusbaronrojo-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.obusbaronrojo-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.obusbaronrojo-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.obusbaronrojo-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.obusbaronrojo-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.obusbaronrojo-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.obusbaronrojo-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.obusbaronrojo-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.obusbaronrojo-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.obusbaronrojo-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.obusbaronrojo-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.obusbaronrojo-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.obusbaronrojo-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.obusbaronrojo-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.obusbaronrojo-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.obusbaronrojo-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.obusbaronrojo-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.obusbaronrojo-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.obusbaronrojo-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.obusbaronrojo-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.obusbaronrojo-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.obusbaronrojo-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.obusbaronrojo-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.obusbaronrojo-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.obusbaronrojo-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.obusbaronrojo-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.obusbaronrojo-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.obusbaronrojo-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.obusbaronrojo-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.obusbaronrojo-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.obusbaronrojo-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.obusbaronrojo-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.obusbaronrojo-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.obusbaronrojo-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.obusbaronrojo-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.obusbaronrojo-theme bee-form-item {
  margin-right: 0 !important;
}
.obusbaronrojo-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.obusbaronrojo-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #000000;
  height: 38px !important;
}
.obusbaronrojo-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.obusbaronrojo-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.obusbaronrojo-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.obusbaronrojo-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.obusbaronrojo-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.obusbaronrojo-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.obusbaronrojo-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.obusbaronrojo-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.obusbaronrojo-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .obusbaronrojo-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.obusbaronrojo-theme .general-container .label-wrapper label {
  color: #000000 !important;
  background-color: white;
}
.obusbaronrojo-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.obusbaronrojo-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.obusbaronrojo-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.obusbaronrojo-theme .general-container .bee-selector .bee-selector-container {
  border-color: #000000 !important;
}
.obusbaronrojo-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.obusbaronrojo-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.obusbaronrojo-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.obusbaronrojo-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.obusbaronrojo-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.obusbaronrojo-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.obusbaronrojo-theme .general-container .bee-selector .bee-selector-container:focus,
.obusbaronrojo-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #000000;
}
.obusbaronrojo-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.obusbaronrojo-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #000000;
}
.obusbaronrojo-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.obusbaronrojo-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #000000;
}
.obusbaronrojo-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.obusbaronrojo-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.obusbaronrojo-theme .general-container .bee-dropdown {
  background: white;
}
.obusbaronrojo-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #000000;
}
.obusbaronrojo-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.obusbaronrojo-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.obusbaronrojo-theme .general-container .selector-error {
  color: #e74737;
}
.obusbaronrojo-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.obusbaronrojo-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.obusbaronrojo-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.obusbaronrojo-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.obusbaronrojo-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #000000;
}
.obusbaronrojo-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.obusbaronrojo-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.obusbaronrojo-theme .move-image-action-container:hover {
  color: #000000;
}
.obusbaronrojo-theme .info-icon {
  color: #000000;
}
.obusbaronrojo-theme .email-chip {
  color: #000000 !important;
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.obusbaronrojo-theme .email-chip .mat-chip-remove {
  color: #000000 !important;
  opacity: 1 !important;
}
.obusbaronrojo-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.obusbaronrojo-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.obusbaronrojo-theme .mat-badge-content {
  color: #000000 !important;
}
.obusbaronrojo-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #000000 !important;
}
.obusbaronrojo-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #000000 !important;
}
.obusbaronrojo-theme #circle-lleno {
  background: #737373;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.obusbaronrojo-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.obusbaronrojo-theme .marine-color {
  color: #0f223e !important;
}
.obusbaronrojo-theme .primary-color {
  color: #000000 !important;
}
.obusbaronrojo-theme .gray-color {
  color: #C0C4CA !important;
}
.obusbaronrojo-theme .primary-color-200 {
  color: #808080 !important;
}
.obusbaronrojo-theme svg.primary-fill-svg {
  fill: #000000 !important;
}
.obusbaronrojo-theme .primary-fill {
  fill: #000000 !important;
}
.obusbaronrojo-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.obusbaronrojo-theme .primary-border-50 {
  border-color: #e0e0e0 !important;
}
.obusbaronrojo-theme .primary-border-100 {
  border-color: #b3b3b3 !important;
}
.obusbaronrojo-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.obusbaronrojo-theme .transparent-border-100 {
  border-color: transparent !important;
}
.obusbaronrojo-theme .primary-border-200 {
  border-color: #808080 !important;
}
.obusbaronrojo-theme .primary-indicator .mat-expansion-indicator:after {
  color: #000000;
}
.obusbaronrojo-theme .contrast-background {
  background-color: #ffffff !important;
}
.obusbaronrojo-theme .primary-color-small {
  color: rgba(0, 0, 0, 0.6);
}
.obusbaronrojo-theme .marine-background {
  background-color: #0f223e !important;
}
.obusbaronrojo-theme .primary-background {
  background-color: #000000 !important;
}
.obusbaronrojo-theme .primary-background-50 {
  background-color: #e0e0e0 !important;
}
.obusbaronrojo-theme .primary-background-200 {
  background-color: #808080 !important;
}
.obusbaronrojo-theme .primary-background-800 {
  background-color: #000000 !important;
}
.obusbaronrojo-theme .white-color {
  color: white !important;
}
.obusbaronrojo-theme .secondary-color {
  color: #737373 !important;
}
.obusbaronrojo-theme .secondary-background {
  background-color: #737373 !important;
}
.obusbaronrojo-theme .secondary-background-semi {
  background-color: #000000 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #000000 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.obusbaronrojo-theme .secondary-background-full {
  background-color: #000000 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #000000 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.obusbaronrojo-theme .secondary-background-empty {
  background-color: #000000 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #000000 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.obusbaronrojo-theme .secondary-border {
  background-color: #737373 !important;
}
.obusbaronrojo-theme .tertiary-color {
  color: #737373 !important;
}
.obusbaronrojo-theme button.button-tertiary {
  background-color: #737373 !important;
  color: #000000 !important;
  border: 1px solid #000000 !important;
}
.obusbaronrojo-theme span.red-text {
  color: #DB1F35 !important;
}
.obusbaronrojo-theme .tertiary-background {
  background-color: #737373 !important;
}
.obusbaronrojo-theme .tertiary-border {
  border-color: #737373 !important;
}
.obusbaronrojo-theme .dark-background {
  background-color: black !important;
}
.obusbaronrojo-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.obusbaronrojo-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.obusbaronrojo-theme .primary-soft-background {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.obusbaronrojo-theme .primary-soft-background:hover {
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.obusbaronrojo-theme .primary-border {
  border-color: #000000 !important;
}
.obusbaronrojo-theme .default-background {
  background-color: #fafafa !important;
}
.obusbaronrojo-theme .hover-primary:hover {
  color: #000000 !important;
}
.obusbaronrojo-theme .hover-primary-background:hover {
  background-color: #000000 !important;
}
.obusbaronrojo-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.obusbaronrojo-theme .warn-color {
  color: #e74737 !important;
}
.obusbaronrojo-theme .warn-border {
  border-color: #e74737 !important;
}
.obusbaronrojo-theme .accent-color {
  color: #fedd93 !important;
}
.obusbaronrojo-theme .accent-background {
  background-color: #fedd93 !important;
}
.obusbaronrojo-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.obusbaronrojo-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.obusbaronrojo-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.obusbaronrojo-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.obusbaronrojo-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.obusbaronrojo-theme .dialog-table tr .action-icon {
  color: transparent;
}
.obusbaronrojo-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.obusbaronrojo-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.obusbaronrojo-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #000000;
}
.obusbaronrojo-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.obusbaronrojo-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.obusbaronrojo-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.obusbaronrojo-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.obusbaronrojo-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.obusbaronrojo-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.obusbaronrojo-theme .card-table tr .action-icon {
  color: transparent;
}
.obusbaronrojo-theme .card-table tr .action-icon button {
  color: transparent;
}
.obusbaronrojo-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.obusbaronrojo-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.obusbaronrojo-theme .card-table tr:hover .action-icon button {
  color: #000000;
}
.obusbaronrojo-theme .card-table tr:hover .action-icon:hover {
  color: #000000;
}
.obusbaronrojo-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.obusbaronrojo-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.obusbaronrojo-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.obusbaronrojo-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.obusbaronrojo-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #000000;
}
.obusbaronrojo-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.obusbaronrojo-theme .no-hover-table tr:hover {
  background: white;
}
.obusbaronrojo-theme .custom-standard-chip {
  background-color: rgba(0, 0, 0, 0.1) !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .help-dashboard-card .mat-icon {
  color: #000000;
}
.obusbaronrojo-theme .help-dashboard-card:hover {
  background-color: #000000;
}
.obusbaronrojo-theme .help-dashboard-card:hover .mat-icon,
.obusbaronrojo-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.obusbaronrojo-theme .room-open {
  background-color: #000000 !important;
  color: white !important;
}
.obusbaronrojo-theme .room-open:hover {
  background-color: #000000 !important;
  color: white !important;
}
.obusbaronrojo-theme #public-office-page-groups .public-group-button-hover {
  background-color: #000000 !important;
  color: white !important;
}
.obusbaronrojo-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.obusbaronrojo-theme .notification-container .show-tip {
  color: transparent;
}
.obusbaronrojo-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.obusbaronrojo-theme .notification-container:hover .show-tip {
  color: #000000;
}
.obusbaronrojo-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.obusbaronrojo-theme .notification-container .notification-subject .mat-icon {
  color: #000000;
}
.obusbaronrojo-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.obusbaronrojo-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.obusbaronrojo-theme .message-container .show-tip {
  color: transparent;
}
.obusbaronrojo-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.obusbaronrojo-theme .message-container:hover .show-tip {
  color: #000000;
}
.obusbaronrojo-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.obusbaronrojo-theme .message-container .message-subject .mat-icon {
  color: #000000;
}
.obusbaronrojo-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.obusbaronrojo-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.obusbaronrojo-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.obusbaronrojo-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.obusbaronrojo-theme .primary-200-outline input {
  caret-color: #808080;
  color: #000000;
}
.obusbaronrojo-theme .primary-200-outline label {
  color: #808080;
}
.obusbaronrojo-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #808080 !important;
}
.obusbaronrojo-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #808080;
}
.obusbaronrojo-theme mat-form-field .primary-outline label {
  color: #000000 !important;
}
.obusbaronrojo-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #000000 !important;
}
.obusbaronrojo-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #000000 !important;
}
.obusbaronrojo-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.obusbaronrojo-theme .input-primary input {
  caret-color: #000000;
  color: #000000;
}
.obusbaronrojo-theme .input-primary label {
  color: #000000;
}
.obusbaronrojo-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #000000 !important;
}
.obusbaronrojo-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.obusbaronrojo-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #000000;
  border-width: 1px;
}
.obusbaronrojo-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.obusbaronrojo-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.obusbaronrojo-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.obusbaronrojo-theme .boton-recarga {
  background-color: #000000;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.obusbaronrojo-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.obusbaronrojo-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.obusbaronrojo-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.obusbaronrojo-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.obusbaronrojo-theme .header-container button {
  padding: 0 !important;
}
.obusbaronrojo-theme .header-container .mat-button {
  min-width: unset !important;
}
.obusbaronrojo-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.obusbaronrojo-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.obusbaronrojo-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.obusbaronrojo-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.obusbaronrojo-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.obusbaronrojo-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.obusbaronrojo-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.obusbaronrojo-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.obusbaronrojo-theme .input-recarga-marine {
  border: 1px solid #000000 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.obusbaronrojo-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.obusbaronrojo-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.obusbaronrojo-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.obusbaronrojo-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.obusbaronrojo-theme .color-primary {
  color: #000000 !important;
  fill: #000000 !important;
}
.obusbaronrojo-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.obusbaronrojo-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.obusbaronrojo-theme .primary-contrast {
  color: #ffffff !important;
}
.obusbaronrojo-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.obusbaronrojo-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.obusbaronrojo-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.obusbaronrojo-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.obusbaronrojo-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.obusbaronrojo-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.obusbaronrojo-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.obusbaronrojo-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.obusbaronrojo-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #737373 !important;
}
.obusbaronrojo-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.obusbaronrojo-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .mat-checkbox-checked .mat-checkbox-background,
.obusbaronrojo-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #000000 !important;
}
.obusbaronrojo-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.obusbaronrojo-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.obusbaronrojo-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #808080 !important;
}
.obusbaronrojo-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.obusbaronrojo-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.obusbaronrojo-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.obusbaronrojo-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.obusbaronrojo-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.obusbaronrojo-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.obusbaronrojo-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.obusbaronrojo-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.obusbaronrojo-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.obusbaronrojo-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.obusbaronrojo-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.obusbaronrojo-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.obusbaronrojo-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.obusbaronrojo-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.obusbaronrojo-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.obusbaronrojo-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.obusbaronrojo-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.obusbaronrojo-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #737373 !important;
}
.obusbaronrojo-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #737373 !important;
}
.obusbaronrojo-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.obusbaronrojo-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.obusbaronrojo-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.obusbaronrojo-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.obusbaronrojo-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.obusbaronrojo-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #737373 !important;
}
.obusbaronrojo-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #737373 !important;
}
.obusbaronrojo-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.obusbaronrojo-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.obusbaronrojo-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #737373 !important;
}
.obusbaronrojo-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #737373 !important;
}
.obusbaronrojo-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #737373 !important;
}
.obusbaronrojo-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #737373 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.obusbaronrojo-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #737373 !important;
}
.obusbaronrojo-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #737373 !important;
}
.obusbaronrojo-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.obusbaronrojo-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.obusbaronrojo-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.obusbaronrojo-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.obusbaronrojo-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.obusbaronrojo-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #000000 !important;
}
.obusbaronrojo-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.obusbaronrojo-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #000000 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.obusbaronrojo-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.obusbaronrojo-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.obusbaronrojo-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.obusbaronrojo-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.obusbaronrojo-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.obusbaronrojo-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #737373 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.obusbaronrojo-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #000000 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #000000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.obusbaronrojo-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #000000 !important;
}
.obusbaronrojo-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.obusbaronrojo-theme .button-text-hidden {
  display: none;
}
.casetabarcelo2022-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #6ed8e5;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #6ed8e5 87%, transparent);
  --mat-form-field-filled-caret-color: #6ed8e5;
  --mat-form-field-filled-focus-active-indicator-color: #6ed8e5;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #6ed8e5 87%, transparent);
  --mat-form-field-outlined-caret-color: #6ed8e5;
  --mat-form-field-outlined-focus-outline-color: #6ed8e5;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #6ed8e5 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #6ed8e5;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #6ed8e5;
  --mat-slide-toggle-selected-handle-color: #6ed8e5;
  --mat-slide-toggle-selected-hover-state-layer-color: #6ed8e5;
  --mat-slide-toggle-selected-pressed-state-layer-color: #6ed8e5;
  --mat-slide-toggle-selected-focus-handle-color: #6ed8e5;
  --mat-slide-toggle-selected-hover-handle-color: #6ed8e5;
  --mat-slide-toggle-selected-pressed-handle-color: #6ed8e5;
  --mat-slide-toggle-selected-focus-track-color: #9ae4ed;
  --mat-slide-toggle-selected-hover-track-color: #9ae4ed;
  --mat-slide-toggle-selected-pressed-track-color: #9ae4ed;
  --mat-slide-toggle-selected-track-color: #9ae4ed;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #6ed8e5;
  --mat-slider-focus-handle-color: #6ed8e5;
  --mat-slider-handle-color: #6ed8e5;
  --mat-slider-hover-handle-color: #6ed8e5;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #6ed8e5 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #6ed8e5 4%, transparent);
  --mat-slider-inactive-track-color: #6ed8e5;
  --mat-slider-ripple-color: #6ed8e5;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #6ed8e5;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #9ae4ed;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #6ed8e5;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #6ed8e5;
  --mat-badge-text-color: #000000;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #6ed8e5 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #6ed8e5;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #6ed8e5 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #6ed8e5 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #6ed8e5 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #6ed8e5;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #6ed8e5;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #6ed8e5;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #6ed8e5;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #6ed8e5;
  --mat-slide-toggle-selected-handle-color: #6ed8e5;
  --mat-slide-toggle-selected-hover-state-layer-color: #6ed8e5;
  --mat-slide-toggle-selected-pressed-state-layer-color: #6ed8e5;
  --mat-slide-toggle-selected-focus-handle-color: #6ed8e5;
  --mat-slide-toggle-selected-hover-handle-color: #6ed8e5;
  --mat-slide-toggle-selected-pressed-handle-color: #6ed8e5;
  --mat-slide-toggle-selected-focus-track-color: #9ae4ed;
  --mat-slide-toggle-selected-hover-track-color: #9ae4ed;
  --mat-slide-toggle-selected-pressed-track-color: #9ae4ed;
  --mat-slide-toggle-selected-track-color: #9ae4ed;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.casetabarcelo2022-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.casetabarcelo2022-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.casetabarcelo2022-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #6ed8e5;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #6ed8e5;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.casetabarcelo2022-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.casetabarcelo2022-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.casetabarcelo2022-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #6ed8e5;
  --mat-progress-bar-track-color: rgba(110, 216, 229, 0.25);
}
.casetabarcelo2022-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.casetabarcelo2022-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.casetabarcelo2022-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.casetabarcelo2022-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.casetabarcelo2022-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.casetabarcelo2022-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.casetabarcelo2022-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.casetabarcelo2022-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.casetabarcelo2022-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.casetabarcelo2022-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #6ed8e5;
  --mat-chip-elevated-disabled-container-color: #6ed8e5;
  --mat-chip-elevated-selected-container-color: #6ed8e5;
  --mat-chip-flat-disabled-selected-container-color: #6ed8e5;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.casetabarcelo2022-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.casetabarcelo2022-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.casetabarcelo2022-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.casetabarcelo2022-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.casetabarcelo2022-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.casetabarcelo2022-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.casetabarcelo2022-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.casetabarcelo2022-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.casetabarcelo2022-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.casetabarcelo2022-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #6ed8e5;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #6ed8e5;
  --mat-radio-selected-hover-icon-color: #6ed8e5;
  --mat-radio-selected-icon-color: #6ed8e5;
  --mat-radio-selected-pressed-icon-color: #6ed8e5;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.casetabarcelo2022-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.casetabarcelo2022-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.casetabarcelo2022-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.casetabarcelo2022-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.casetabarcelo2022-theme .mdc-list-item__start,
.casetabarcelo2022-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #6ed8e5;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #6ed8e5;
  --mat-radio-selected-hover-icon-color: #6ed8e5;
  --mat-radio-selected-icon-color: #6ed8e5;
  --mat-radio-selected-pressed-icon-color: #6ed8e5;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.casetabarcelo2022-theme .mat-accent .mdc-list-item__start,
.casetabarcelo2022-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.casetabarcelo2022-theme .mat-warn .mdc-list-item__start,
.casetabarcelo2022-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.casetabarcelo2022-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #6ed8e5;
  --mat-checkbox-selected-hover-icon-color: #6ed8e5;
  --mat-checkbox-selected-icon-color: #6ed8e5;
  --mat-checkbox-selected-pressed-icon-color: #6ed8e5;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #6ed8e5;
  --mat-checkbox-selected-hover-state-layer-color: #6ed8e5;
  --mat-checkbox-selected-pressed-state-layer-color: #6ed8e5;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.casetabarcelo2022-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.casetabarcelo2022-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.casetabarcelo2022-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.casetabarcelo2022-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.casetabarcelo2022-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.casetabarcelo2022-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #6ed8e5;
}
.casetabarcelo2022-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.casetabarcelo2022-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.casetabarcelo2022-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.casetabarcelo2022-theme .mdc-list-item__start,
.casetabarcelo2022-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.casetabarcelo2022-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.casetabarcelo2022-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.casetabarcelo2022-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.casetabarcelo2022-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.casetabarcelo2022-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.casetabarcelo2022-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.casetabarcelo2022-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.casetabarcelo2022-theme .mat-mdc-tab-group,
.casetabarcelo2022-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #6ed8e5;
  --mat-tab-active-ripple-color: #6ed8e5;
  --mat-tab-inactive-ripple-color: #6ed8e5;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #6ed8e5;
  --mat-tab-active-hover-label-text-color: #6ed8e5;
  --mat-tab-active-focus-indicator-color: #6ed8e5;
  --mat-tab-active-hover-indicator-color: #6ed8e5;
  --mat-tab-active-indicator-color: #6ed8e5;
}
.casetabarcelo2022-theme .mat-mdc-tab-group.mat-accent,
.casetabarcelo2022-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.casetabarcelo2022-theme .mat-mdc-tab-group.mat-warn,
.casetabarcelo2022-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.casetabarcelo2022-theme .mat-mdc-tab-group.mat-background-primary,
.casetabarcelo2022-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #6ed8e5;
  --mat-tab-foreground-color: #000000;
}
.casetabarcelo2022-theme .mat-mdc-tab-group.mat-background-accent,
.casetabarcelo2022-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.casetabarcelo2022-theme .mat-mdc-tab-group.mat-background-warn,
.casetabarcelo2022-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.casetabarcelo2022-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.casetabarcelo2022-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.casetabarcelo2022-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #6ed8e5;
  --mat-checkbox-selected-hover-icon-color: #6ed8e5;
  --mat-checkbox-selected-icon-color: #6ed8e5;
  --mat-checkbox-selected-pressed-icon-color: #6ed8e5;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #6ed8e5;
  --mat-checkbox-selected-hover-state-layer-color: #6ed8e5;
  --mat-checkbox-selected-pressed-state-layer-color: #6ed8e5;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.casetabarcelo2022-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.casetabarcelo2022-theme .mat-mdc-button.mat-primary,
.casetabarcelo2022-theme .mat-mdc-unelevated-button.mat-primary,
.casetabarcelo2022-theme .mat-mdc-raised-button.mat-primary,
.casetabarcelo2022-theme .mat-mdc-outlined-button.mat-primary,
.casetabarcelo2022-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #6ed8e5;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #6ed8e5;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #6ed8e5 12%, transparent);
  --mat-button-outlined-state-layer-color: #6ed8e5;
  --mat-button-protected-container-color: #6ed8e5;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #6ed8e5;
  --mat-button-text-ripple-color: color-mix(in srgb, #6ed8e5 12%, transparent);
  --mat-button-text-state-layer-color: #6ed8e5;
  --mat-button-tonal-container-color: #6ed8e5;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.casetabarcelo2022-theme .mat-mdc-button.mat-accent,
.casetabarcelo2022-theme .mat-mdc-unelevated-button.mat-accent,
.casetabarcelo2022-theme .mat-mdc-raised-button.mat-accent,
.casetabarcelo2022-theme .mat-mdc-outlined-button.mat-accent,
.casetabarcelo2022-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.casetabarcelo2022-theme .mat-mdc-button.mat-warn,
.casetabarcelo2022-theme .mat-mdc-unelevated-button.mat-warn,
.casetabarcelo2022-theme .mat-mdc-raised-button.mat-warn,
.casetabarcelo2022-theme .mat-mdc-outlined-button.mat-warn,
.casetabarcelo2022-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.casetabarcelo2022-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #6ed8e5;
  --mat-icon-button-state-layer-color: #6ed8e5;
  --mat-icon-button-ripple-color: color-mix(in srgb, #6ed8e5 12%, transparent);
}
.casetabarcelo2022-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.casetabarcelo2022-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.casetabarcelo2022-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.casetabarcelo2022-theme .mat-mdc-fab.mat-primary,
.casetabarcelo2022-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #6ed8e5;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #6ed8e5 12%, transparent);
  --mat-fab-small-container-color: #6ed8e5;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.casetabarcelo2022-theme .mat-mdc-fab.mat-accent,
.casetabarcelo2022-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.casetabarcelo2022-theme .mat-mdc-fab.mat-warn,
.casetabarcelo2022-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.casetabarcelo2022-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.casetabarcelo2022-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.casetabarcelo2022-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.casetabarcelo2022-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.casetabarcelo2022-theme .mat-datepicker-content.mat-accent,
.casetabarcelo2022-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.casetabarcelo2022-theme .mat-datepicker-content.mat-warn,
.casetabarcelo2022-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.casetabarcelo2022-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.casetabarcelo2022-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.casetabarcelo2022-theme .mat-icon.mat-primary {
  --mat-icon-color: #6ed8e5;
}
.casetabarcelo2022-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.casetabarcelo2022-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.casetabarcelo2022-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.casetabarcelo2022-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.casetabarcelo2022-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #6ed8e5;
  --mat-toolbar-container-text-color: #000000;
}
.casetabarcelo2022-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.casetabarcelo2022-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.casetabarcelo2022-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.casetabarcelo2022-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.casetabarcelo2022-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.casetabarcelo2022-theme .back-container {
  color: #6ed8e5;
}
.casetabarcelo2022-theme .back-container:hover {
  opacity: 0.54;
}
.casetabarcelo2022-theme .warn-text {
  color: #e74737;
}
.casetabarcelo2022-theme .inside-modal-title.primary-colored-title,
.casetabarcelo2022-theme .form-title.primary-colored-title {
  color: #6ed8e5;
}
.casetabarcelo2022-theme .full-height-container form .button-container {
  background: white;
}
.casetabarcelo2022-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.casetabarcelo2022-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.casetabarcelo2022-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.casetabarcelo2022-theme .box-checkbox.active-box-checkbox {
  background-color: #6ed8e5;
  color: white;
}
.casetabarcelo2022-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.casetabarcelo2022-theme .box-radio.active-box-radio {
  background-color: #6ed8e5;
  color: white;
}
.casetabarcelo2022-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.casetabarcelo2022-theme .error {
  color: #e74737;
}
.casetabarcelo2022-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.casetabarcelo2022-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.casetabarcelo2022-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.casetabarcelo2022-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.casetabarcelo2022-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.casetabarcelo2022-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.casetabarcelo2022-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.casetabarcelo2022-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.casetabarcelo2022-theme .ql-snow .ql-picker-options {
  background: white;
}
.casetabarcelo2022-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.casetabarcelo2022-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.casetabarcelo2022-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.casetabarcelo2022-theme .ql-snow .ql-fill,
.casetabarcelo2022-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.casetabarcelo2022-theme .ql-snow.ql-toolbar button:hover,
.casetabarcelo2022-theme .ql-snow .ql-toolbar button:hover,
.casetabarcelo2022-theme .ql-snow.ql-toolbar button:focus,
.casetabarcelo2022-theme .ql-snow .ql-toolbar button:focus,
.casetabarcelo2022-theme .ql-snow.ql-toolbar button.ql-active,
.casetabarcelo2022-theme .ql-snow .ql-toolbar button.ql-active,
.casetabarcelo2022-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.casetabarcelo2022-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.casetabarcelo2022-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.casetabarcelo2022-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.casetabarcelo2022-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.casetabarcelo2022-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.casetabarcelo2022-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.casetabarcelo2022-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.casetabarcelo2022-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.casetabarcelo2022-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.casetabarcelo2022-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.casetabarcelo2022-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.casetabarcelo2022-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.casetabarcelo2022-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.casetabarcelo2022-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.casetabarcelo2022-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.casetabarcelo2022-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.casetabarcelo2022-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.casetabarcelo2022-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.casetabarcelo2022-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.casetabarcelo2022-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.casetabarcelo2022-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.casetabarcelo2022-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.casetabarcelo2022-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.casetabarcelo2022-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.casetabarcelo2022-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.casetabarcelo2022-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.casetabarcelo2022-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.casetabarcelo2022-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.casetabarcelo2022-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.casetabarcelo2022-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.casetabarcelo2022-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.casetabarcelo2022-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.casetabarcelo2022-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.casetabarcelo2022-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.casetabarcelo2022-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.casetabarcelo2022-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.casetabarcelo2022-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.casetabarcelo2022-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.casetabarcelo2022-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.casetabarcelo2022-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.casetabarcelo2022-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.casetabarcelo2022-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.casetabarcelo2022-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.casetabarcelo2022-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.casetabarcelo2022-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.casetabarcelo2022-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.casetabarcelo2022-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.casetabarcelo2022-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.casetabarcelo2022-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.casetabarcelo2022-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.casetabarcelo2022-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.casetabarcelo2022-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.casetabarcelo2022-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.casetabarcelo2022-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.casetabarcelo2022-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.casetabarcelo2022-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.casetabarcelo2022-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.casetabarcelo2022-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.casetabarcelo2022-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.casetabarcelo2022-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.casetabarcelo2022-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.casetabarcelo2022-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.casetabarcelo2022-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.casetabarcelo2022-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.casetabarcelo2022-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.casetabarcelo2022-theme bee-form-item {
  margin-right: 0 !important;
}
.casetabarcelo2022-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.casetabarcelo2022-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #6ed8e5;
  height: 38px !important;
}
.casetabarcelo2022-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.casetabarcelo2022-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.casetabarcelo2022-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.casetabarcelo2022-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.casetabarcelo2022-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.casetabarcelo2022-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.casetabarcelo2022-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.casetabarcelo2022-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.casetabarcelo2022-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .casetabarcelo2022-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.casetabarcelo2022-theme .general-container .label-wrapper label {
  color: #6ed8e5 !important;
  background-color: white;
}
.casetabarcelo2022-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.casetabarcelo2022-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.casetabarcelo2022-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.casetabarcelo2022-theme .general-container .bee-selector .bee-selector-container {
  border-color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.casetabarcelo2022-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.casetabarcelo2022-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.casetabarcelo2022-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.casetabarcelo2022-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.casetabarcelo2022-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.casetabarcelo2022-theme .general-container .bee-selector .bee-selector-container:focus,
.casetabarcelo2022-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #6ed8e5;
}
.casetabarcelo2022-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.casetabarcelo2022-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #6ed8e5;
}
.casetabarcelo2022-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.casetabarcelo2022-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #6ed8e5;
}
.casetabarcelo2022-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.casetabarcelo2022-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.casetabarcelo2022-theme .general-container .bee-dropdown {
  background: white;
}
.casetabarcelo2022-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #6ed8e5;
}
.casetabarcelo2022-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.casetabarcelo2022-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.casetabarcelo2022-theme .general-container .selector-error {
  color: #e74737;
}
.casetabarcelo2022-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.casetabarcelo2022-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.casetabarcelo2022-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.casetabarcelo2022-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.casetabarcelo2022-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #6ed8e5;
}
.casetabarcelo2022-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.casetabarcelo2022-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.casetabarcelo2022-theme .move-image-action-container:hover {
  color: #6ed8e5;
}
.casetabarcelo2022-theme .info-icon {
  color: #6ed8e5;
}
.casetabarcelo2022-theme .email-chip {
  color: #6ed8e5 !important;
  background-color: rgba(110, 216, 229, 0.15) !important;
}
.casetabarcelo2022-theme .email-chip .mat-chip-remove {
  color: #6ed8e5 !important;
  opacity: 1 !important;
}
.casetabarcelo2022-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.casetabarcelo2022-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.casetabarcelo2022-theme .mat-badge-content {
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #6ed8e5 !important;
}
.casetabarcelo2022-theme #circle-lleno {
  background: #3fbfd3;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.casetabarcelo2022-theme .primary-contrast-text-color {
  color: #000000 !important;
}
.casetabarcelo2022-theme .marine-color {
  color: #0f223e !important;
}
.casetabarcelo2022-theme .primary-color {
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .gray-color {
  color: #C0C4CA !important;
}
.casetabarcelo2022-theme .primary-color-200 {
  color: #b7ecf2 !important;
}
.casetabarcelo2022-theme svg.primary-fill-svg {
  fill: #6ed8e5 !important;
}
.casetabarcelo2022-theme .primary-fill {
  fill: #6ed8e5 !important;
}
.casetabarcelo2022-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.casetabarcelo2022-theme .primary-border-50 {
  border-color: #eefafc !important;
}
.casetabarcelo2022-theme .primary-border-100 {
  border-color: #d4f3f7 !important;
}
.casetabarcelo2022-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.casetabarcelo2022-theme .transparent-border-100 {
  border-color: transparent !important;
}
.casetabarcelo2022-theme .primary-border-200 {
  border-color: #b7ecf2 !important;
}
.casetabarcelo2022-theme .primary-indicator .mat-expansion-indicator:after {
  color: #6ed8e5;
}
.casetabarcelo2022-theme .contrast-background {
  background-color: #000000 !important;
}
.casetabarcelo2022-theme .primary-color-small {
  color: rgba(110, 216, 229, 0.6);
}
.casetabarcelo2022-theme .marine-background {
  background-color: #0f223e !important;
}
.casetabarcelo2022-theme .primary-background {
  background-color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .primary-background-50 {
  background-color: #eefafc !important;
}
.casetabarcelo2022-theme .primary-background-200 {
  background-color: #b7ecf2 !important;
}
.casetabarcelo2022-theme .primary-background-800 {
  background-color: #51c8da !important;
}
.casetabarcelo2022-theme .white-color {
  color: white !important;
}
.casetabarcelo2022-theme .secondary-color {
  color: #3fbfd3 !important;
}
.casetabarcelo2022-theme .secondary-background {
  background-color: #3fbfd3 !important;
}
.casetabarcelo2022-theme .secondary-background-semi {
  background-color: #6ed8e5 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #6ed8e5 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.casetabarcelo2022-theme .secondary-background-full {
  background-color: #6ed8e5 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #6ed8e5 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.casetabarcelo2022-theme .secondary-background-empty {
  background-color: #6ed8e5 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #6ed8e5 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.casetabarcelo2022-theme .secondary-border {
  background-color: #3fbfd3 !important;
}
.casetabarcelo2022-theme .tertiary-color {
  color: #3fbfd3 !important;
}
.casetabarcelo2022-theme button.button-tertiary {
  background-color: #3fbfd3 !important;
  color: #6ed8e5 !important;
  border: 1px solid #6ed8e5 !important;
}
.casetabarcelo2022-theme span.red-text {
  color: #DB1F35 !important;
}
.casetabarcelo2022-theme .tertiary-background {
  background-color: #3fbfd3 !important;
}
.casetabarcelo2022-theme .tertiary-border {
  border-color: #3fbfd3 !important;
}
.casetabarcelo2022-theme .dark-background {
  background-color: black !important;
}
.casetabarcelo2022-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.casetabarcelo2022-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.casetabarcelo2022-theme .primary-soft-background {
  background-color: rgba(110, 216, 229, 0.1) !important;
}
.casetabarcelo2022-theme .primary-soft-background:hover {
  background-color: rgba(110, 216, 229, 0.15) !important;
}
.casetabarcelo2022-theme .primary-border {
  border-color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .default-background {
  background-color: #fafafa !important;
}
.casetabarcelo2022-theme .hover-primary:hover {
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .hover-primary-background:hover {
  background-color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.casetabarcelo2022-theme .warn-color {
  color: #e74737 !important;
}
.casetabarcelo2022-theme .warn-border {
  border-color: #e74737 !important;
}
.casetabarcelo2022-theme .accent-color {
  color: #fedd93 !important;
}
.casetabarcelo2022-theme .accent-background {
  background-color: #fedd93 !important;
}
.casetabarcelo2022-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.casetabarcelo2022-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.casetabarcelo2022-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.casetabarcelo2022-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.casetabarcelo2022-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.casetabarcelo2022-theme .dialog-table tr .action-icon {
  color: transparent;
}
.casetabarcelo2022-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.casetabarcelo2022-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.casetabarcelo2022-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #6ed8e5;
}
.casetabarcelo2022-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.casetabarcelo2022-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.casetabarcelo2022-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.casetabarcelo2022-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.casetabarcelo2022-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.casetabarcelo2022-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.casetabarcelo2022-theme .card-table tr .action-icon {
  color: transparent;
}
.casetabarcelo2022-theme .card-table tr .action-icon button {
  color: transparent;
}
.casetabarcelo2022-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.casetabarcelo2022-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.casetabarcelo2022-theme .card-table tr:hover .action-icon button {
  color: #6ed8e5;
}
.casetabarcelo2022-theme .card-table tr:hover .action-icon:hover {
  color: #6ed8e5;
}
.casetabarcelo2022-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.casetabarcelo2022-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.casetabarcelo2022-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.casetabarcelo2022-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.casetabarcelo2022-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #6ed8e5;
}
.casetabarcelo2022-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.casetabarcelo2022-theme .no-hover-table tr:hover {
  background: white;
}
.casetabarcelo2022-theme .custom-standard-chip {
  background-color: rgba(110, 216, 229, 0.1) !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .help-dashboard-card .mat-icon {
  color: #6ed8e5;
}
.casetabarcelo2022-theme .help-dashboard-card:hover {
  background-color: #6ed8e5;
}
.casetabarcelo2022-theme .help-dashboard-card:hover .mat-icon,
.casetabarcelo2022-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.casetabarcelo2022-theme .room-open {
  background-color: #6ed8e5 !important;
  color: white !important;
}
.casetabarcelo2022-theme .room-open:hover {
  background-color: #6ed8e5 !important;
  color: white !important;
}
.casetabarcelo2022-theme #public-office-page-groups .public-group-button-hover {
  background-color: #6ed8e5 !important;
  color: white !important;
}
.casetabarcelo2022-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.casetabarcelo2022-theme .notification-container .show-tip {
  color: transparent;
}
.casetabarcelo2022-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.casetabarcelo2022-theme .notification-container:hover .show-tip {
  color: #6ed8e5;
}
.casetabarcelo2022-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.casetabarcelo2022-theme .notification-container .notification-subject .mat-icon {
  color: #6ed8e5;
}
.casetabarcelo2022-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.casetabarcelo2022-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.casetabarcelo2022-theme .message-container .show-tip {
  color: transparent;
}
.casetabarcelo2022-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.casetabarcelo2022-theme .message-container:hover .show-tip {
  color: #6ed8e5;
}
.casetabarcelo2022-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.casetabarcelo2022-theme .message-container .message-subject .mat-icon {
  color: #6ed8e5;
}
.casetabarcelo2022-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.casetabarcelo2022-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.casetabarcelo2022-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.casetabarcelo2022-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.casetabarcelo2022-theme .primary-200-outline input {
  caret-color: #b7ecf2;
  color: #6ed8e5;
}
.casetabarcelo2022-theme .primary-200-outline label {
  color: #b7ecf2;
}
.casetabarcelo2022-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #b7ecf2 !important;
}
.casetabarcelo2022-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #b7ecf2;
}
.casetabarcelo2022-theme mat-form-field .primary-outline label {
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #6ed8e5 !important;
}
.casetabarcelo2022-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.casetabarcelo2022-theme .input-primary input {
  caret-color: #6ed8e5;
  color: #6ed8e5;
}
.casetabarcelo2022-theme .input-primary label {
  color: #6ed8e5;
}
.casetabarcelo2022-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.casetabarcelo2022-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #6ed8e5;
  border-width: 1px;
}
.casetabarcelo2022-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.casetabarcelo2022-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.casetabarcelo2022-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.casetabarcelo2022-theme .boton-recarga {
  background-color: #6ed8e5;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.casetabarcelo2022-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.casetabarcelo2022-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
}
.casetabarcelo2022-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.casetabarcelo2022-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.casetabarcelo2022-theme .header-container button {
  padding: 0 !important;
}
.casetabarcelo2022-theme .header-container .mat-button {
  min-width: unset !important;
}
.casetabarcelo2022-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.casetabarcelo2022-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.casetabarcelo2022-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.casetabarcelo2022-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.casetabarcelo2022-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.casetabarcelo2022-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.casetabarcelo2022-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.casetabarcelo2022-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.casetabarcelo2022-theme .input-recarga-marine {
  border: 1px solid #6ed8e5 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.casetabarcelo2022-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.casetabarcelo2022-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.casetabarcelo2022-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.casetabarcelo2022-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.casetabarcelo2022-theme .color-primary {
  color: #6ed8e5 !important;
  fill: #6ed8e5 !important;
}
.casetabarcelo2022-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.casetabarcelo2022-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.casetabarcelo2022-theme .primary-contrast {
  color: #000000 !important;
}
.casetabarcelo2022-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.casetabarcelo2022-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.casetabarcelo2022-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.casetabarcelo2022-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.casetabarcelo2022-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.casetabarcelo2022-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.casetabarcelo2022-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.casetabarcelo2022-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.casetabarcelo2022-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #3fbfd3 !important;
}
.casetabarcelo2022-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.casetabarcelo2022-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .mat-checkbox-checked .mat-checkbox-background,
.casetabarcelo2022-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.casetabarcelo2022-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.casetabarcelo2022-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #b7ecf2 !important;
}
.casetabarcelo2022-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.casetabarcelo2022-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.casetabarcelo2022-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.casetabarcelo2022-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.casetabarcelo2022-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.casetabarcelo2022-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.casetabarcelo2022-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.casetabarcelo2022-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.casetabarcelo2022-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.casetabarcelo2022-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.casetabarcelo2022-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.casetabarcelo2022-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.casetabarcelo2022-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.casetabarcelo2022-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.casetabarcelo2022-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.casetabarcelo2022-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.casetabarcelo2022-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #3fbfd3 !important;
}
.casetabarcelo2022-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #3fbfd3 !important;
}
.casetabarcelo2022-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.casetabarcelo2022-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.casetabarcelo2022-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.casetabarcelo2022-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.casetabarcelo2022-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.casetabarcelo2022-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #3fbfd3 !important;
}
.casetabarcelo2022-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #3fbfd3 !important;
}
.casetabarcelo2022-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.casetabarcelo2022-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.casetabarcelo2022-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #3fbfd3 !important;
}
.casetabarcelo2022-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #3fbfd3 !important;
}
.casetabarcelo2022-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #3fbfd3 !important;
}
.casetabarcelo2022-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #3fbfd3 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.casetabarcelo2022-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #3fbfd3 !important;
}
.casetabarcelo2022-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #3fbfd3 !important;
}
.casetabarcelo2022-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #000000 !important;
}
.casetabarcelo2022-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.casetabarcelo2022-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #000000 !important;
}
.casetabarcelo2022-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.casetabarcelo2022-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.casetabarcelo2022-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.casetabarcelo2022-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #000000;
  background-color: #6ed8e5 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.casetabarcelo2022-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.casetabarcelo2022-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.casetabarcelo2022-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.casetabarcelo2022-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.casetabarcelo2022-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.casetabarcelo2022-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #3fbfd3 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.casetabarcelo2022-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #6ed8e5 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #6ed8e5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.casetabarcelo2022-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #6ed8e5 !important;
}
.casetabarcelo2022-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.casetabarcelo2022-theme .button-text-hidden {
  display: none;
}
.puenteromano-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #000000;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #000000 87%, transparent);
  --mat-form-field-filled-caret-color: #000000;
  --mat-form-field-filled-focus-active-indicator-color: #000000;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #000000 87%, transparent);
  --mat-form-field-outlined-caret-color: #000000;
  --mat-form-field-outlined-focus-outline-color: #000000;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #000000 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #000000;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #000000;
  --mat-slide-toggle-selected-handle-color: #000000;
  --mat-slide-toggle-selected-hover-state-layer-color: #000000;
  --mat-slide-toggle-selected-pressed-state-layer-color: #000000;
  --mat-slide-toggle-selected-focus-handle-color: #000000;
  --mat-slide-toggle-selected-hover-handle-color: #000000;
  --mat-slide-toggle-selected-pressed-handle-color: #000000;
  --mat-slide-toggle-selected-focus-track-color: #4d4d4d;
  --mat-slide-toggle-selected-hover-track-color: #4d4d4d;
  --mat-slide-toggle-selected-pressed-track-color: #4d4d4d;
  --mat-slide-toggle-selected-track-color: #4d4d4d;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #000000;
  --mat-slider-focus-handle-color: #000000;
  --mat-slider-handle-color: #000000;
  --mat-slider-hover-handle-color: #000000;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #000000 4%, transparent);
  --mat-slider-inactive-track-color: #000000;
  --mat-slider-ripple-color: #000000;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #000000;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #4d4d4d;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #000000;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #000000;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #000000 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #000000;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #000000 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #000000 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #000000;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #000000;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #000000;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #000000;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #000000;
  --mat-slide-toggle-selected-handle-color: #000000;
  --mat-slide-toggle-selected-hover-state-layer-color: #000000;
  --mat-slide-toggle-selected-pressed-state-layer-color: #000000;
  --mat-slide-toggle-selected-focus-handle-color: #000000;
  --mat-slide-toggle-selected-hover-handle-color: #000000;
  --mat-slide-toggle-selected-pressed-handle-color: #000000;
  --mat-slide-toggle-selected-focus-track-color: #4d4d4d;
  --mat-slide-toggle-selected-hover-track-color: #4d4d4d;
  --mat-slide-toggle-selected-pressed-track-color: #4d4d4d;
  --mat-slide-toggle-selected-track-color: #4d4d4d;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.puenteromano-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.puenteromano-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.puenteromano-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #000000;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #000000;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.puenteromano-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.puenteromano-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.puenteromano-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #000000;
  --mat-progress-bar-track-color: rgba(0, 0, 0, 0.25);
}
.puenteromano-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.puenteromano-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.puenteromano-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.puenteromano-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.puenteromano-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.puenteromano-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.puenteromano-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.puenteromano-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.puenteromano-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.puenteromano-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #000000;
  --mat-chip-elevated-disabled-container-color: #000000;
  --mat-chip-elevated-selected-container-color: #000000;
  --mat-chip-flat-disabled-selected-container-color: #000000;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.puenteromano-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.puenteromano-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.puenteromano-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.puenteromano-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.puenteromano-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.puenteromano-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.puenteromano-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.puenteromano-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.puenteromano-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.puenteromano-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #000000;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #000000;
  --mat-radio-selected-hover-icon-color: #000000;
  --mat-radio-selected-icon-color: #000000;
  --mat-radio-selected-pressed-icon-color: #000000;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.puenteromano-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.puenteromano-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.puenteromano-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.puenteromano-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.puenteromano-theme .mdc-list-item__start,
.puenteromano-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #000000;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #000000;
  --mat-radio-selected-hover-icon-color: #000000;
  --mat-radio-selected-icon-color: #000000;
  --mat-radio-selected-pressed-icon-color: #000000;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.puenteromano-theme .mat-accent .mdc-list-item__start,
.puenteromano-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.puenteromano-theme .mat-warn .mdc-list-item__start,
.puenteromano-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.puenteromano-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #000000;
  --mat-checkbox-selected-hover-icon-color: #000000;
  --mat-checkbox-selected-icon-color: #000000;
  --mat-checkbox-selected-pressed-icon-color: #000000;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #000000;
  --mat-checkbox-selected-hover-state-layer-color: #000000;
  --mat-checkbox-selected-pressed-state-layer-color: #000000;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.puenteromano-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.puenteromano-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.puenteromano-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.puenteromano-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.puenteromano-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.puenteromano-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #000000;
}
.puenteromano-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.puenteromano-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.puenteromano-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.puenteromano-theme .mdc-list-item__start,
.puenteromano-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.puenteromano-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.puenteromano-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.puenteromano-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.puenteromano-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.puenteromano-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.puenteromano-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.puenteromano-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.puenteromano-theme .mat-mdc-tab-group,
.puenteromano-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #000000;
  --mat-tab-active-ripple-color: #000000;
  --mat-tab-inactive-ripple-color: #000000;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #000000;
  --mat-tab-active-hover-label-text-color: #000000;
  --mat-tab-active-focus-indicator-color: #000000;
  --mat-tab-active-hover-indicator-color: #000000;
  --mat-tab-active-indicator-color: #000000;
}
.puenteromano-theme .mat-mdc-tab-group.mat-accent,
.puenteromano-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.puenteromano-theme .mat-mdc-tab-group.mat-warn,
.puenteromano-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.puenteromano-theme .mat-mdc-tab-group.mat-background-primary,
.puenteromano-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #000000;
  --mat-tab-foreground-color: #ffffff;
}
.puenteromano-theme .mat-mdc-tab-group.mat-background-accent,
.puenteromano-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.puenteromano-theme .mat-mdc-tab-group.mat-background-warn,
.puenteromano-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.puenteromano-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.puenteromano-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.puenteromano-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #000000;
  --mat-checkbox-selected-hover-icon-color: #000000;
  --mat-checkbox-selected-icon-color: #000000;
  --mat-checkbox-selected-pressed-icon-color: #000000;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #000000;
  --mat-checkbox-selected-hover-state-layer-color: #000000;
  --mat-checkbox-selected-pressed-state-layer-color: #000000;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.puenteromano-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.puenteromano-theme .mat-mdc-button.mat-primary,
.puenteromano-theme .mat-mdc-unelevated-button.mat-primary,
.puenteromano-theme .mat-mdc-raised-button.mat-primary,
.puenteromano-theme .mat-mdc-outlined-button.mat-primary,
.puenteromano-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #000000;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #000000;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-outlined-state-layer-color: #000000;
  --mat-button-protected-container-color: #000000;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #000000;
  --mat-button-text-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-text-state-layer-color: #000000;
  --mat-button-tonal-container-color: #000000;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.puenteromano-theme .mat-mdc-button.mat-accent,
.puenteromano-theme .mat-mdc-unelevated-button.mat-accent,
.puenteromano-theme .mat-mdc-raised-button.mat-accent,
.puenteromano-theme .mat-mdc-outlined-button.mat-accent,
.puenteromano-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.puenteromano-theme .mat-mdc-button.mat-warn,
.puenteromano-theme .mat-mdc-unelevated-button.mat-warn,
.puenteromano-theme .mat-mdc-raised-button.mat-warn,
.puenteromano-theme .mat-mdc-outlined-button.mat-warn,
.puenteromano-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.puenteromano-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #000000;
  --mat-icon-button-state-layer-color: #000000;
  --mat-icon-button-ripple-color: color-mix(in srgb, #000000 12%, transparent);
}
.puenteromano-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.puenteromano-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.puenteromano-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.puenteromano-theme .mat-mdc-fab.mat-primary,
.puenteromano-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #000000;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-container-color: #000000;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.puenteromano-theme .mat-mdc-fab.mat-accent,
.puenteromano-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.puenteromano-theme .mat-mdc-fab.mat-warn,
.puenteromano-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.puenteromano-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.puenteromano-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.puenteromano-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.puenteromano-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.puenteromano-theme .mat-datepicker-content.mat-accent,
.puenteromano-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.puenteromano-theme .mat-datepicker-content.mat-warn,
.puenteromano-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.puenteromano-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.puenteromano-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.puenteromano-theme .mat-icon.mat-primary {
  --mat-icon-color: #000000;
}
.puenteromano-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.puenteromano-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.puenteromano-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.puenteromano-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.puenteromano-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #000000;
  --mat-toolbar-container-text-color: #ffffff;
}
.puenteromano-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.puenteromano-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.puenteromano-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.puenteromano-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.puenteromano-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.puenteromano-theme .back-container {
  color: #000000;
}
.puenteromano-theme .back-container:hover {
  opacity: 0.54;
}
.puenteromano-theme .warn-text {
  color: #e74737;
}
.puenteromano-theme .inside-modal-title.primary-colored-title,
.puenteromano-theme .form-title.primary-colored-title {
  color: #000000;
}
.puenteromano-theme .full-height-container form .button-container {
  background: white;
}
.puenteromano-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.puenteromano-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.puenteromano-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.puenteromano-theme .box-checkbox.active-box-checkbox {
  background-color: #000000;
  color: white;
}
.puenteromano-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.puenteromano-theme .box-radio.active-box-radio {
  background-color: #000000;
  color: white;
}
.puenteromano-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.puenteromano-theme .error {
  color: #e74737;
}
.puenteromano-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.puenteromano-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.puenteromano-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.puenteromano-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.puenteromano-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.puenteromano-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.puenteromano-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.puenteromano-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.puenteromano-theme .ql-snow .ql-picker-options {
  background: white;
}
.puenteromano-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.puenteromano-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.puenteromano-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.puenteromano-theme .ql-snow .ql-fill,
.puenteromano-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.puenteromano-theme .ql-snow.ql-toolbar button:hover,
.puenteromano-theme .ql-snow .ql-toolbar button:hover,
.puenteromano-theme .ql-snow.ql-toolbar button:focus,
.puenteromano-theme .ql-snow .ql-toolbar button:focus,
.puenteromano-theme .ql-snow.ql-toolbar button.ql-active,
.puenteromano-theme .ql-snow .ql-toolbar button.ql-active,
.puenteromano-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.puenteromano-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.puenteromano-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.puenteromano-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.puenteromano-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.puenteromano-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.puenteromano-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.puenteromano-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.puenteromano-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.puenteromano-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.puenteromano-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.puenteromano-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.puenteromano-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.puenteromano-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.puenteromano-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.puenteromano-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.puenteromano-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.puenteromano-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.puenteromano-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.puenteromano-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.puenteromano-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.puenteromano-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.puenteromano-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.puenteromano-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.puenteromano-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.puenteromano-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.puenteromano-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.puenteromano-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.puenteromano-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.puenteromano-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.puenteromano-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.puenteromano-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.puenteromano-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.puenteromano-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.puenteromano-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.puenteromano-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.puenteromano-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.puenteromano-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.puenteromano-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.puenteromano-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.puenteromano-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.puenteromano-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.puenteromano-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.puenteromano-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.puenteromano-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.puenteromano-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.puenteromano-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.puenteromano-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.puenteromano-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.puenteromano-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.puenteromano-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.puenteromano-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.puenteromano-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.puenteromano-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.puenteromano-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.puenteromano-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.puenteromano-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.puenteromano-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.puenteromano-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.puenteromano-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.puenteromano-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.puenteromano-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.puenteromano-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.puenteromano-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.puenteromano-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.puenteromano-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.puenteromano-theme bee-form-item {
  margin-right: 0 !important;
}
.puenteromano-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.puenteromano-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #000000;
  height: 38px !important;
}
.puenteromano-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.puenteromano-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.puenteromano-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.puenteromano-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.puenteromano-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.puenteromano-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.puenteromano-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.puenteromano-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.puenteromano-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .puenteromano-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.puenteromano-theme .general-container .label-wrapper label {
  color: #000000 !important;
  background-color: white;
}
.puenteromano-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.puenteromano-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.puenteromano-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.puenteromano-theme .general-container .bee-selector .bee-selector-container {
  border-color: #000000 !important;
}
.puenteromano-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.puenteromano-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.puenteromano-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.puenteromano-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.puenteromano-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.puenteromano-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.puenteromano-theme .general-container .bee-selector .bee-selector-container:focus,
.puenteromano-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #000000;
}
.puenteromano-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.puenteromano-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #000000;
}
.puenteromano-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.puenteromano-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #000000;
}
.puenteromano-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.puenteromano-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.puenteromano-theme .general-container .bee-dropdown {
  background: white;
}
.puenteromano-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #000000;
}
.puenteromano-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.puenteromano-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.puenteromano-theme .general-container .selector-error {
  color: #e74737;
}
.puenteromano-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.puenteromano-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.puenteromano-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.puenteromano-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.puenteromano-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #000000;
}
.puenteromano-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.puenteromano-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.puenteromano-theme .move-image-action-container:hover {
  color: #000000;
}
.puenteromano-theme .info-icon {
  color: #000000;
}
.puenteromano-theme .email-chip {
  color: #000000 !important;
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.puenteromano-theme .email-chip .mat-chip-remove {
  color: #000000 !important;
  opacity: 1 !important;
}
.puenteromano-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.puenteromano-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.puenteromano-theme .mat-badge-content {
  color: #000000 !important;
}
.puenteromano-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #000000 !important;
}
.puenteromano-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #000000 !important;
}
.puenteromano-theme #circle-lleno {
  background: #737373;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.puenteromano-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.puenteromano-theme .marine-color {
  color: #0f223e !important;
}
.puenteromano-theme .primary-color {
  color: #000000 !important;
}
.puenteromano-theme .gray-color {
  color: #C0C4CA !important;
}
.puenteromano-theme .primary-color-200 {
  color: #808080 !important;
}
.puenteromano-theme svg.primary-fill-svg {
  fill: #000000 !important;
}
.puenteromano-theme .primary-fill {
  fill: #000000 !important;
}
.puenteromano-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.puenteromano-theme .primary-border-50 {
  border-color: #e0e0e0 !important;
}
.puenteromano-theme .primary-border-100 {
  border-color: #b3b3b3 !important;
}
.puenteromano-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.puenteromano-theme .transparent-border-100 {
  border-color: transparent !important;
}
.puenteromano-theme .primary-border-200 {
  border-color: #808080 !important;
}
.puenteromano-theme .primary-indicator .mat-expansion-indicator:after {
  color: #000000;
}
.puenteromano-theme .contrast-background {
  background-color: #ffffff !important;
}
.puenteromano-theme .primary-color-small {
  color: rgba(0, 0, 0, 0.6);
}
.puenteromano-theme .marine-background {
  background-color: #0f223e !important;
}
.puenteromano-theme .primary-background {
  background-color: #000000 !important;
}
.puenteromano-theme .primary-background-50 {
  background-color: #e0e0e0 !important;
}
.puenteromano-theme .primary-background-200 {
  background-color: #808080 !important;
}
.puenteromano-theme .primary-background-800 {
  background-color: #000000 !important;
}
.puenteromano-theme .white-color {
  color: white !important;
}
.puenteromano-theme .secondary-color {
  color: #737373 !important;
}
.puenteromano-theme .secondary-background {
  background-color: #737373 !important;
}
.puenteromano-theme .secondary-background-semi {
  background-color: #000000 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #000000 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.puenteromano-theme .secondary-background-full {
  background-color: #000000 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #000000 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.puenteromano-theme .secondary-background-empty {
  background-color: #000000 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #000000 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.puenteromano-theme .secondary-border {
  background-color: #737373 !important;
}
.puenteromano-theme .tertiary-color {
  color: #737373 !important;
}
.puenteromano-theme button.button-tertiary {
  background-color: #737373 !important;
  color: #000000 !important;
  border: 1px solid #000000 !important;
}
.puenteromano-theme span.red-text {
  color: #DB1F35 !important;
}
.puenteromano-theme .tertiary-background {
  background-color: #737373 !important;
}
.puenteromano-theme .tertiary-border {
  border-color: #737373 !important;
}
.puenteromano-theme .dark-background {
  background-color: black !important;
}
.puenteromano-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.puenteromano-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.puenteromano-theme .primary-soft-background {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.puenteromano-theme .primary-soft-background:hover {
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.puenteromano-theme .primary-border {
  border-color: #000000 !important;
}
.puenteromano-theme .default-background {
  background-color: #fafafa !important;
}
.puenteromano-theme .hover-primary:hover {
  color: #000000 !important;
}
.puenteromano-theme .hover-primary-background:hover {
  background-color: #000000 !important;
}
.puenteromano-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.puenteromano-theme .warn-color {
  color: #e74737 !important;
}
.puenteromano-theme .warn-border {
  border-color: #e74737 !important;
}
.puenteromano-theme .accent-color {
  color: #fedd93 !important;
}
.puenteromano-theme .accent-background {
  background-color: #fedd93 !important;
}
.puenteromano-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.puenteromano-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.puenteromano-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.puenteromano-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.puenteromano-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.puenteromano-theme .dialog-table tr .action-icon {
  color: transparent;
}
.puenteromano-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.puenteromano-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.puenteromano-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #000000;
}
.puenteromano-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.puenteromano-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.puenteromano-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.puenteromano-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.puenteromano-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.puenteromano-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.puenteromano-theme .card-table tr .action-icon {
  color: transparent;
}
.puenteromano-theme .card-table tr .action-icon button {
  color: transparent;
}
.puenteromano-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.puenteromano-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.puenteromano-theme .card-table tr:hover .action-icon button {
  color: #000000;
}
.puenteromano-theme .card-table tr:hover .action-icon:hover {
  color: #000000;
}
.puenteromano-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.puenteromano-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.puenteromano-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.puenteromano-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.puenteromano-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #000000;
}
.puenteromano-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.puenteromano-theme .no-hover-table tr:hover {
  background: white;
}
.puenteromano-theme .custom-standard-chip {
  background-color: rgba(0, 0, 0, 0.1) !important;
  color: #000000 !important;
}
.puenteromano-theme .help-dashboard-card .mat-icon {
  color: #000000;
}
.puenteromano-theme .help-dashboard-card:hover {
  background-color: #000000;
}
.puenteromano-theme .help-dashboard-card:hover .mat-icon,
.puenteromano-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.puenteromano-theme .room-open {
  background-color: #000000 !important;
  color: white !important;
}
.puenteromano-theme .room-open:hover {
  background-color: #000000 !important;
  color: white !important;
}
.puenteromano-theme #public-office-page-groups .public-group-button-hover {
  background-color: #000000 !important;
  color: white !important;
}
.puenteromano-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.puenteromano-theme .notification-container .show-tip {
  color: transparent;
}
.puenteromano-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.puenteromano-theme .notification-container:hover .show-tip {
  color: #000000;
}
.puenteromano-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.puenteromano-theme .notification-container .notification-subject .mat-icon {
  color: #000000;
}
.puenteromano-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.puenteromano-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.puenteromano-theme .message-container .show-tip {
  color: transparent;
}
.puenteromano-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.puenteromano-theme .message-container:hover .show-tip {
  color: #000000;
}
.puenteromano-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.puenteromano-theme .message-container .message-subject .mat-icon {
  color: #000000;
}
.puenteromano-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.puenteromano-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.puenteromano-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.puenteromano-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.puenteromano-theme .primary-200-outline input {
  caret-color: #808080;
  color: #000000;
}
.puenteromano-theme .primary-200-outline label {
  color: #808080;
}
.puenteromano-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #808080 !important;
}
.puenteromano-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #808080;
}
.puenteromano-theme mat-form-field .primary-outline label {
  color: #000000 !important;
}
.puenteromano-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #000000 !important;
}
.puenteromano-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #000000 !important;
}
.puenteromano-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.puenteromano-theme .input-primary input {
  caret-color: #000000;
  color: #000000;
}
.puenteromano-theme .input-primary label {
  color: #000000;
}
.puenteromano-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #000000 !important;
}
.puenteromano-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.puenteromano-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #000000;
  border-width: 1px;
}
.puenteromano-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.puenteromano-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.puenteromano-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.puenteromano-theme .boton-recarga {
  background-color: #000000;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.puenteromano-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.puenteromano-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.puenteromano-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.puenteromano-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.puenteromano-theme .header-container button {
  padding: 0 !important;
}
.puenteromano-theme .header-container .mat-button {
  min-width: unset !important;
}
.puenteromano-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.puenteromano-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.puenteromano-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.puenteromano-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.puenteromano-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.puenteromano-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.puenteromano-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.puenteromano-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.puenteromano-theme .input-recarga-marine {
  border: 1px solid #000000 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.puenteromano-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.puenteromano-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.puenteromano-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.puenteromano-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.puenteromano-theme .color-primary {
  color: #000000 !important;
  fill: #000000 !important;
}
.puenteromano-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.puenteromano-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.puenteromano-theme .primary-contrast {
  color: #ffffff !important;
}
.puenteromano-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.puenteromano-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.puenteromano-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.puenteromano-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.puenteromano-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.puenteromano-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.puenteromano-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.puenteromano-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.puenteromano-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.puenteromano-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.puenteromano-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #000000 !important;
}
.puenteromano-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.puenteromano-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.puenteromano-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.puenteromano-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.puenteromano-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.puenteromano-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.puenteromano-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.puenteromano-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.puenteromano-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #737373 !important;
}
.puenteromano-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.puenteromano-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.puenteromano-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #000000 !important;
}
.puenteromano-theme .mat-checkbox-checked .mat-checkbox-background,
.puenteromano-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #000000 !important;
}
.puenteromano-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.puenteromano-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.puenteromano-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.puenteromano-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.puenteromano-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.puenteromano-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #808080 !important;
}
.puenteromano-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.puenteromano-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.puenteromano-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.puenteromano-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.puenteromano-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.puenteromano-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.puenteromano-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.puenteromano-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.puenteromano-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.puenteromano-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.puenteromano-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.puenteromano-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.puenteromano-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.puenteromano-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.puenteromano-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.puenteromano-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.puenteromano-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.puenteromano-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.puenteromano-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.puenteromano-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.puenteromano-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.puenteromano-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.puenteromano-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.puenteromano-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.puenteromano-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.puenteromano-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.puenteromano-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.puenteromano-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.puenteromano-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.puenteromano-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.puenteromano-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #000000 !important;
}
.puenteromano-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.puenteromano-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #737373 !important;
}
.puenteromano-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #737373 !important;
}
.puenteromano-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.puenteromano-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.puenteromano-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.puenteromano-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.puenteromano-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.puenteromano-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.puenteromano-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.puenteromano-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.puenteromano-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.puenteromano-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #737373 !important;
}
.puenteromano-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #737373 !important;
}
.puenteromano-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.puenteromano-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.puenteromano-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #737373 !important;
}
.puenteromano-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #737373 !important;
}
.puenteromano-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #737373 !important;
}
.puenteromano-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #737373 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.puenteromano-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #737373 !important;
}
.puenteromano-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #737373 !important;
}
.puenteromano-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #000000 !important;
}
.puenteromano-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #000000 !important;
}
.puenteromano-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #000000 !important;
}
.puenteromano-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.puenteromano-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.puenteromano-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.puenteromano-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.puenteromano-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.puenteromano-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #000000 !important;
}
.puenteromano-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #000000 !important;
}
.puenteromano-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #000000 !important;
}
.puenteromano-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #000000 !important;
}
.puenteromano-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #000000 !important;
}
.puenteromano-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #000000 !important;
}
.puenteromano-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.puenteromano-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #000000 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.puenteromano-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.puenteromano-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.puenteromano-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.puenteromano-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.puenteromano-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.puenteromano-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #737373 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.puenteromano-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #000000 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #000000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.puenteromano-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #000000 !important;
}
.puenteromano-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.puenteromano-theme .button-text-hidden {
  display: none;
}
.onsolafest-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #4d3180;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #4d3180 87%, transparent);
  --mat-form-field-filled-caret-color: #4d3180;
  --mat-form-field-filled-focus-active-indicator-color: #4d3180;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #4d3180 87%, transparent);
  --mat-form-field-outlined-caret-color: #4d3180;
  --mat-form-field-outlined-focus-outline-color: #4d3180;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #4d3180 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #4d3180;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #4d3180;
  --mat-slide-toggle-selected-handle-color: #4d3180;
  --mat-slide-toggle-selected-hover-state-layer-color: #4d3180;
  --mat-slide-toggle-selected-pressed-state-layer-color: #4d3180;
  --mat-slide-toggle-selected-focus-handle-color: #4d3180;
  --mat-slide-toggle-selected-hover-handle-color: #4d3180;
  --mat-slide-toggle-selected-pressed-handle-color: #4d3180;
  --mat-slide-toggle-selected-focus-track-color: #826fa6;
  --mat-slide-toggle-selected-hover-track-color: #826fa6;
  --mat-slide-toggle-selected-pressed-track-color: #826fa6;
  --mat-slide-toggle-selected-track-color: #826fa6;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #4d3180;
  --mat-slider-focus-handle-color: #4d3180;
  --mat-slider-handle-color: #4d3180;
  --mat-slider-hover-handle-color: #4d3180;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #4d3180 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #4d3180 4%, transparent);
  --mat-slider-inactive-track-color: #4d3180;
  --mat-slider-ripple-color: #4d3180;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #4d3180;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #826fa6;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #4d3180;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #4d3180;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #4d3180 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #4d3180;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #4d3180 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #4d3180 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #4d3180 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #4d3180;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #4d3180;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #4d3180;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #4d3180;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #4d3180;
  --mat-slide-toggle-selected-handle-color: #4d3180;
  --mat-slide-toggle-selected-hover-state-layer-color: #4d3180;
  --mat-slide-toggle-selected-pressed-state-layer-color: #4d3180;
  --mat-slide-toggle-selected-focus-handle-color: #4d3180;
  --mat-slide-toggle-selected-hover-handle-color: #4d3180;
  --mat-slide-toggle-selected-pressed-handle-color: #4d3180;
  --mat-slide-toggle-selected-focus-track-color: #826fa6;
  --mat-slide-toggle-selected-hover-track-color: #826fa6;
  --mat-slide-toggle-selected-pressed-track-color: #826fa6;
  --mat-slide-toggle-selected-track-color: #826fa6;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.onsolafest-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.onsolafest-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.onsolafest-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #4d3180;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #4d3180;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.onsolafest-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.onsolafest-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.onsolafest-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #4d3180;
  --mat-progress-bar-track-color: rgba(77, 49, 128, 0.25);
}
.onsolafest-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.onsolafest-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.onsolafest-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.onsolafest-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.onsolafest-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.onsolafest-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.onsolafest-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.onsolafest-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.onsolafest-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.onsolafest-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #4d3180;
  --mat-chip-elevated-disabled-container-color: #4d3180;
  --mat-chip-elevated-selected-container-color: #4d3180;
  --mat-chip-flat-disabled-selected-container-color: #4d3180;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.onsolafest-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.onsolafest-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.onsolafest-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.onsolafest-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.onsolafest-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.onsolafest-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.onsolafest-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.onsolafest-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.onsolafest-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.onsolafest-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #4d3180;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #4d3180;
  --mat-radio-selected-hover-icon-color: #4d3180;
  --mat-radio-selected-icon-color: #4d3180;
  --mat-radio-selected-pressed-icon-color: #4d3180;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.onsolafest-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.onsolafest-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.onsolafest-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.onsolafest-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.onsolafest-theme .mdc-list-item__start,
.onsolafest-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #4d3180;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #4d3180;
  --mat-radio-selected-hover-icon-color: #4d3180;
  --mat-radio-selected-icon-color: #4d3180;
  --mat-radio-selected-pressed-icon-color: #4d3180;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.onsolafest-theme .mat-accent .mdc-list-item__start,
.onsolafest-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.onsolafest-theme .mat-warn .mdc-list-item__start,
.onsolafest-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.onsolafest-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #4d3180;
  --mat-checkbox-selected-hover-icon-color: #4d3180;
  --mat-checkbox-selected-icon-color: #4d3180;
  --mat-checkbox-selected-pressed-icon-color: #4d3180;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #4d3180;
  --mat-checkbox-selected-hover-state-layer-color: #4d3180;
  --mat-checkbox-selected-pressed-state-layer-color: #4d3180;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.onsolafest-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.onsolafest-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.onsolafest-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.onsolafest-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.onsolafest-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.onsolafest-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #4d3180;
}
.onsolafest-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.onsolafest-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.onsolafest-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.onsolafest-theme .mdc-list-item__start,
.onsolafest-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.onsolafest-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.onsolafest-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.onsolafest-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.onsolafest-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.onsolafest-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.onsolafest-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.onsolafest-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.onsolafest-theme .mat-mdc-tab-group,
.onsolafest-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #4d3180;
  --mat-tab-active-ripple-color: #4d3180;
  --mat-tab-inactive-ripple-color: #4d3180;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #4d3180;
  --mat-tab-active-hover-label-text-color: #4d3180;
  --mat-tab-active-focus-indicator-color: #4d3180;
  --mat-tab-active-hover-indicator-color: #4d3180;
  --mat-tab-active-indicator-color: #4d3180;
}
.onsolafest-theme .mat-mdc-tab-group.mat-accent,
.onsolafest-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.onsolafest-theme .mat-mdc-tab-group.mat-warn,
.onsolafest-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.onsolafest-theme .mat-mdc-tab-group.mat-background-primary,
.onsolafest-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #4d3180;
  --mat-tab-foreground-color: #ffffff;
}
.onsolafest-theme .mat-mdc-tab-group.mat-background-accent,
.onsolafest-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.onsolafest-theme .mat-mdc-tab-group.mat-background-warn,
.onsolafest-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.onsolafest-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.onsolafest-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.onsolafest-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #4d3180;
  --mat-checkbox-selected-hover-icon-color: #4d3180;
  --mat-checkbox-selected-icon-color: #4d3180;
  --mat-checkbox-selected-pressed-icon-color: #4d3180;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #4d3180;
  --mat-checkbox-selected-hover-state-layer-color: #4d3180;
  --mat-checkbox-selected-pressed-state-layer-color: #4d3180;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.onsolafest-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.onsolafest-theme .mat-mdc-button.mat-primary,
.onsolafest-theme .mat-mdc-unelevated-button.mat-primary,
.onsolafest-theme .mat-mdc-raised-button.mat-primary,
.onsolafest-theme .mat-mdc-outlined-button.mat-primary,
.onsolafest-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #4d3180;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #4d3180;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #4d3180 12%, transparent);
  --mat-button-outlined-state-layer-color: #4d3180;
  --mat-button-protected-container-color: #4d3180;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #4d3180;
  --mat-button-text-ripple-color: color-mix(in srgb, #4d3180 12%, transparent);
  --mat-button-text-state-layer-color: #4d3180;
  --mat-button-tonal-container-color: #4d3180;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.onsolafest-theme .mat-mdc-button.mat-accent,
.onsolafest-theme .mat-mdc-unelevated-button.mat-accent,
.onsolafest-theme .mat-mdc-raised-button.mat-accent,
.onsolafest-theme .mat-mdc-outlined-button.mat-accent,
.onsolafest-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.onsolafest-theme .mat-mdc-button.mat-warn,
.onsolafest-theme .mat-mdc-unelevated-button.mat-warn,
.onsolafest-theme .mat-mdc-raised-button.mat-warn,
.onsolafest-theme .mat-mdc-outlined-button.mat-warn,
.onsolafest-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.onsolafest-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #4d3180;
  --mat-icon-button-state-layer-color: #4d3180;
  --mat-icon-button-ripple-color: color-mix(in srgb, #4d3180 12%, transparent);
}
.onsolafest-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.onsolafest-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.onsolafest-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.onsolafest-theme .mat-mdc-fab.mat-primary,
.onsolafest-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #4d3180;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #4d3180 12%, transparent);
  --mat-fab-small-container-color: #4d3180;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.onsolafest-theme .mat-mdc-fab.mat-accent,
.onsolafest-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.onsolafest-theme .mat-mdc-fab.mat-warn,
.onsolafest-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.onsolafest-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.onsolafest-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.onsolafest-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.onsolafest-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.onsolafest-theme .mat-datepicker-content.mat-accent,
.onsolafest-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.onsolafest-theme .mat-datepicker-content.mat-warn,
.onsolafest-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.onsolafest-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.onsolafest-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.onsolafest-theme .mat-icon.mat-primary {
  --mat-icon-color: #4d3180;
}
.onsolafest-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.onsolafest-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.onsolafest-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.onsolafest-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.onsolafest-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #4d3180;
  --mat-toolbar-container-text-color: #ffffff;
}
.onsolafest-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.onsolafest-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.onsolafest-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.onsolafest-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.onsolafest-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.onsolafest-theme .back-container {
  color: #4d3180;
}
.onsolafest-theme .back-container:hover {
  opacity: 0.54;
}
.onsolafest-theme .warn-text {
  color: #e74737;
}
.onsolafest-theme .inside-modal-title.primary-colored-title,
.onsolafest-theme .form-title.primary-colored-title {
  color: #4d3180;
}
.onsolafest-theme .full-height-container form .button-container {
  background: white;
}
.onsolafest-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.onsolafest-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.onsolafest-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.onsolafest-theme .box-checkbox.active-box-checkbox {
  background-color: #4d3180;
  color: white;
}
.onsolafest-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.onsolafest-theme .box-radio.active-box-radio {
  background-color: #4d3180;
  color: white;
}
.onsolafest-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.onsolafest-theme .error {
  color: #e74737;
}
.onsolafest-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.onsolafest-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.onsolafest-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.onsolafest-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.onsolafest-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.onsolafest-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.onsolafest-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.onsolafest-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.onsolafest-theme .ql-snow .ql-picker-options {
  background: white;
}
.onsolafest-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.onsolafest-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.onsolafest-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.onsolafest-theme .ql-snow .ql-fill,
.onsolafest-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.onsolafest-theme .ql-snow.ql-toolbar button:hover,
.onsolafest-theme .ql-snow .ql-toolbar button:hover,
.onsolafest-theme .ql-snow.ql-toolbar button:focus,
.onsolafest-theme .ql-snow .ql-toolbar button:focus,
.onsolafest-theme .ql-snow.ql-toolbar button.ql-active,
.onsolafest-theme .ql-snow .ql-toolbar button.ql-active,
.onsolafest-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.onsolafest-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.onsolafest-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.onsolafest-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.onsolafest-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.onsolafest-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.onsolafest-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.onsolafest-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.onsolafest-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.onsolafest-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.onsolafest-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.onsolafest-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.onsolafest-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.onsolafest-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.onsolafest-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.onsolafest-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.onsolafest-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.onsolafest-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.onsolafest-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.onsolafest-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.onsolafest-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.onsolafest-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.onsolafest-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.onsolafest-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.onsolafest-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.onsolafest-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.onsolafest-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.onsolafest-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.onsolafest-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.onsolafest-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.onsolafest-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.onsolafest-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.onsolafest-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.onsolafest-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.onsolafest-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.onsolafest-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.onsolafest-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.onsolafest-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.onsolafest-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.onsolafest-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.onsolafest-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.onsolafest-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.onsolafest-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.onsolafest-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.onsolafest-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.onsolafest-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.onsolafest-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.onsolafest-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.onsolafest-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.onsolafest-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.onsolafest-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.onsolafest-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.onsolafest-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.onsolafest-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.onsolafest-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.onsolafest-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.onsolafest-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.onsolafest-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.onsolafest-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.onsolafest-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.onsolafest-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.onsolafest-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.onsolafest-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.onsolafest-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.onsolafest-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.onsolafest-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.onsolafest-theme bee-form-item {
  margin-right: 0 !important;
}
.onsolafest-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.onsolafest-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #4d3180;
  height: 38px !important;
}
.onsolafest-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.onsolafest-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.onsolafest-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.onsolafest-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.onsolafest-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.onsolafest-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.onsolafest-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.onsolafest-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.onsolafest-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .onsolafest-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.onsolafest-theme .general-container .label-wrapper label {
  color: #4d3180 !important;
  background-color: white;
}
.onsolafest-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.onsolafest-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.onsolafest-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.onsolafest-theme .general-container .bee-selector .bee-selector-container {
  border-color: #4d3180 !important;
}
.onsolafest-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.onsolafest-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.onsolafest-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.onsolafest-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.onsolafest-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.onsolafest-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.onsolafest-theme .general-container .bee-selector .bee-selector-container:focus,
.onsolafest-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #4d3180;
}
.onsolafest-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.onsolafest-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #4d3180;
}
.onsolafest-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.onsolafest-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #4d3180;
}
.onsolafest-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.onsolafest-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.onsolafest-theme .general-container .bee-dropdown {
  background: white;
}
.onsolafest-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #4d3180;
}
.onsolafest-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.onsolafest-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.onsolafest-theme .general-container .selector-error {
  color: #e74737;
}
.onsolafest-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.onsolafest-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.onsolafest-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.onsolafest-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.onsolafest-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #4d3180;
}
.onsolafest-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.onsolafest-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.onsolafest-theme .move-image-action-container:hover {
  color: #4d3180;
}
.onsolafest-theme .info-icon {
  color: #4d3180;
}
.onsolafest-theme .email-chip {
  color: #4d3180 !important;
  background-color: rgba(77, 49, 128, 0.15) !important;
}
.onsolafest-theme .email-chip .mat-chip-remove {
  color: #4d3180 !important;
  opacity: 1 !important;
}
.onsolafest-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.onsolafest-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.onsolafest-theme .mat-badge-content {
  color: #4d3180 !important;
}
.onsolafest-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #4d3180 !important;
}
.onsolafest-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #4d3180 !important;
}
.onsolafest-theme #circle-lleno {
  background: #5c25ff;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.onsolafest-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.onsolafest-theme .marine-color {
  color: #0f223e !important;
}
.onsolafest-theme .primary-color {
  color: #4d3180 !important;
}
.onsolafest-theme .gray-color {
  color: #C0C4CA !important;
}
.onsolafest-theme .primary-color-200 {
  color: #a698c0 !important;
}
.onsolafest-theme svg.primary-fill-svg {
  fill: #4d3180 !important;
}
.onsolafest-theme .primary-fill {
  fill: #4d3180 !important;
}
.onsolafest-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.onsolafest-theme .primary-border-50 {
  border-color: #eae6f0 !important;
}
.onsolafest-theme .primary-border-100 {
  border-color: #cac1d9 !important;
}
.onsolafest-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.onsolafest-theme .transparent-border-100 {
  border-color: transparent !important;
}
.onsolafest-theme .primary-border-200 {
  border-color: #a698c0 !important;
}
.onsolafest-theme .primary-indicator .mat-expansion-indicator:after {
  color: #4d3180;
}
.onsolafest-theme .contrast-background {
  background-color: #ffffff !important;
}
.onsolafest-theme .primary-color-small {
  color: rgba(77, 49, 128, 0.6);
}
.onsolafest-theme .marine-background {
  background-color: #0f223e !important;
}
.onsolafest-theme .primary-background {
  background-color: #4d3180 !important;
}
.onsolafest-theme .primary-background-50 {
  background-color: #eae6f0 !important;
}
.onsolafest-theme .primary-background-200 {
  background-color: #a698c0 !important;
}
.onsolafest-theme .primary-background-800 {
  background-color: #341f63 !important;
}
.onsolafest-theme .white-color {
  color: white !important;
}
.onsolafest-theme .secondary-color {
  color: #5c25ff !important;
}
.onsolafest-theme .secondary-background {
  background-color: #5c25ff !important;
}
.onsolafest-theme .secondary-background-semi {
  background-color: #4d3180 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #4d3180 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.onsolafest-theme .secondary-background-full {
  background-color: #4d3180 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #4d3180 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.onsolafest-theme .secondary-background-empty {
  background-color: #4d3180 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #4d3180 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.onsolafest-theme .secondary-border {
  background-color: #5c25ff !important;
}
.onsolafest-theme .tertiary-color {
  color: #5c25ff !important;
}
.onsolafest-theme button.button-tertiary {
  background-color: #5c25ff !important;
  color: #4d3180 !important;
  border: 1px solid #4d3180 !important;
}
.onsolafest-theme span.red-text {
  color: #DB1F35 !important;
}
.onsolafest-theme .tertiary-background {
  background-color: #5c25ff !important;
}
.onsolafest-theme .tertiary-border {
  border-color: #5c25ff !important;
}
.onsolafest-theme .dark-background {
  background-color: black !important;
}
.onsolafest-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.onsolafest-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.onsolafest-theme .primary-soft-background {
  background-color: rgba(77, 49, 128, 0.1) !important;
}
.onsolafest-theme .primary-soft-background:hover {
  background-color: rgba(77, 49, 128, 0.15) !important;
}
.onsolafest-theme .primary-border {
  border-color: #4d3180 !important;
}
.onsolafest-theme .default-background {
  background-color: #fafafa !important;
}
.onsolafest-theme .hover-primary:hover {
  color: #4d3180 !important;
}
.onsolafest-theme .hover-primary-background:hover {
  background-color: #4d3180 !important;
}
.onsolafest-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.onsolafest-theme .warn-color {
  color: #e74737 !important;
}
.onsolafest-theme .warn-border {
  border-color: #e74737 !important;
}
.onsolafest-theme .accent-color {
  color: #fedd93 !important;
}
.onsolafest-theme .accent-background {
  background-color: #fedd93 !important;
}
.onsolafest-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.onsolafest-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.onsolafest-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.onsolafest-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.onsolafest-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.onsolafest-theme .dialog-table tr .action-icon {
  color: transparent;
}
.onsolafest-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.onsolafest-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.onsolafest-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #4d3180;
}
.onsolafest-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.onsolafest-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.onsolafest-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.onsolafest-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.onsolafest-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.onsolafest-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.onsolafest-theme .card-table tr .action-icon {
  color: transparent;
}
.onsolafest-theme .card-table tr .action-icon button {
  color: transparent;
}
.onsolafest-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.onsolafest-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.onsolafest-theme .card-table tr:hover .action-icon button {
  color: #4d3180;
}
.onsolafest-theme .card-table tr:hover .action-icon:hover {
  color: #4d3180;
}
.onsolafest-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.onsolafest-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.onsolafest-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.onsolafest-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.onsolafest-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #4d3180;
}
.onsolafest-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.onsolafest-theme .no-hover-table tr:hover {
  background: white;
}
.onsolafest-theme .custom-standard-chip {
  background-color: rgba(77, 49, 128, 0.1) !important;
  color: #4d3180 !important;
}
.onsolafest-theme .help-dashboard-card .mat-icon {
  color: #4d3180;
}
.onsolafest-theme .help-dashboard-card:hover {
  background-color: #4d3180;
}
.onsolafest-theme .help-dashboard-card:hover .mat-icon,
.onsolafest-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.onsolafest-theme .room-open {
  background-color: #4d3180 !important;
  color: white !important;
}
.onsolafest-theme .room-open:hover {
  background-color: #4d3180 !important;
  color: white !important;
}
.onsolafest-theme #public-office-page-groups .public-group-button-hover {
  background-color: #4d3180 !important;
  color: white !important;
}
.onsolafest-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.onsolafest-theme .notification-container .show-tip {
  color: transparent;
}
.onsolafest-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.onsolafest-theme .notification-container:hover .show-tip {
  color: #4d3180;
}
.onsolafest-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.onsolafest-theme .notification-container .notification-subject .mat-icon {
  color: #4d3180;
}
.onsolafest-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.onsolafest-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.onsolafest-theme .message-container .show-tip {
  color: transparent;
}
.onsolafest-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.onsolafest-theme .message-container:hover .show-tip {
  color: #4d3180;
}
.onsolafest-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.onsolafest-theme .message-container .message-subject .mat-icon {
  color: #4d3180;
}
.onsolafest-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.onsolafest-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.onsolafest-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.onsolafest-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.onsolafest-theme .primary-200-outline input {
  caret-color: #a698c0;
  color: #4d3180;
}
.onsolafest-theme .primary-200-outline label {
  color: #a698c0;
}
.onsolafest-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #a698c0 !important;
}
.onsolafest-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #a698c0;
}
.onsolafest-theme mat-form-field .primary-outline label {
  color: #4d3180 !important;
}
.onsolafest-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #4d3180 !important;
}
.onsolafest-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #4d3180 !important;
}
.onsolafest-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.onsolafest-theme .input-primary input {
  caret-color: #4d3180;
  color: #4d3180;
}
.onsolafest-theme .input-primary label {
  color: #4d3180;
}
.onsolafest-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #4d3180 !important;
}
.onsolafest-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.onsolafest-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #4d3180;
  border-width: 1px;
}
.onsolafest-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.onsolafest-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.onsolafest-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.onsolafest-theme .boton-recarga {
  background-color: #4d3180;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.onsolafest-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.onsolafest-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.onsolafest-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.onsolafest-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.onsolafest-theme .header-container button {
  padding: 0 !important;
}
.onsolafest-theme .header-container .mat-button {
  min-width: unset !important;
}
.onsolafest-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.onsolafest-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.onsolafest-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.onsolafest-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.onsolafest-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.onsolafest-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.onsolafest-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.onsolafest-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.onsolafest-theme .input-recarga-marine {
  border: 1px solid #4d3180 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.onsolafest-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.onsolafest-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.onsolafest-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.onsolafest-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.onsolafest-theme .color-primary {
  color: #4d3180 !important;
  fill: #4d3180 !important;
}
.onsolafest-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.onsolafest-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.onsolafest-theme .primary-contrast {
  color: #ffffff !important;
}
.onsolafest-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #4d3180 !important;
}
.onsolafest-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #4d3180 !important;
}
.onsolafest-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.onsolafest-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #4d3180 !important;
}
.onsolafest-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.onsolafest-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.onsolafest-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.onsolafest-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #4d3180 !important;
}
.onsolafest-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #4d3180 !important;
}
.onsolafest-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #4d3180 !important;
}
.onsolafest-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #4d3180 !important;
}
.onsolafest-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #4d3180 !important;
}
.onsolafest-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.onsolafest-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #4d3180 !important;
}
.onsolafest-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.onsolafest-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #4d3180 !important;
}
.onsolafest-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.onsolafest-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.onsolafest-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #4d3180 !important;
}
.onsolafest-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #5c25ff !important;
}
.onsolafest-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.onsolafest-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #4d3180 !important;
}
.onsolafest-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #4d3180 !important;
}
.onsolafest-theme .mat-checkbox-checked .mat-checkbox-background,
.onsolafest-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #4d3180 !important;
}
.onsolafest-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #4d3180 !important;
}
.onsolafest-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.onsolafest-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #4d3180 !important;
}
.onsolafest-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.onsolafest-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #4d3180 !important;
}
.onsolafest-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #a698c0 !important;
}
.onsolafest-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #4d3180 !important;
}
.onsolafest-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.onsolafest-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.onsolafest-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.onsolafest-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.onsolafest-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #4d3180 !important;
}
.onsolafest-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #4d3180 !important;
}
.onsolafest-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #4d3180 !important;
}
.onsolafest-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.onsolafest-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #4d3180 !important;
}
.onsolafest-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #4d3180 !important;
}
.onsolafest-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #4d3180 !important;
}
.onsolafest-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.onsolafest-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.onsolafest-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #4d3180 !important;
}
.onsolafest-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #4d3180 !important;
}
.onsolafest-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.onsolafest-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.onsolafest-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #4d3180 !important;
}
.onsolafest-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.onsolafest-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.onsolafest-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.onsolafest-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #4d3180 !important;
}
.onsolafest-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.onsolafest-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #4d3180 !important;
}
.onsolafest-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #4d3180 !important;
}
.onsolafest-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #4d3180 !important;
}
.onsolafest-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.onsolafest-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.onsolafest-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.onsolafest-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #4d3180 !important;
}
.onsolafest-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #4d3180 !important;
}
.onsolafest-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #5c25ff !important;
}
.onsolafest-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #5c25ff !important;
}
.onsolafest-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.onsolafest-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #4d3180 !important;
}
.onsolafest-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #4d3180 !important;
}
.onsolafest-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.onsolafest-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #4d3180 !important;
}
.onsolafest-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #4d3180 !important;
}
.onsolafest-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.onsolafest-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.onsolafest-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.onsolafest-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #5c25ff !important;
}
.onsolafest-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #5c25ff !important;
}
.onsolafest-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.onsolafest-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.onsolafest-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #5c25ff !important;
}
.onsolafest-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #5c25ff !important;
}
.onsolafest-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #5c25ff !important;
}
.onsolafest-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #5c25ff !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.onsolafest-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #5c25ff !important;
}
.onsolafest-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #5c25ff !important;
}
.onsolafest-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #4d3180 !important;
}
.onsolafest-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #4d3180 !important;
}
.onsolafest-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #4d3180 !important;
}
.onsolafest-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.onsolafest-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.onsolafest-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.onsolafest-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.onsolafest-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.onsolafest-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #4d3180 !important;
}
.onsolafest-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #4d3180 !important;
}
.onsolafest-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #4d3180 !important;
}
.onsolafest-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #4d3180 !important;
}
.onsolafest-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #4d3180 !important;
}
.onsolafest-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #4d3180 !important;
}
.onsolafest-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.onsolafest-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #4d3180 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.onsolafest-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.onsolafest-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.onsolafest-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.onsolafest-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.onsolafest-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.onsolafest-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #5c25ff !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.onsolafest-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #4d3180 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #4d3180 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.onsolafest-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #4d3180 !important;
}
.onsolafest-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.onsolafest-theme .button-text-hidden {
  display: none;
}
.m4dw-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #12103f;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #12103f 87%, transparent);
  --mat-form-field-filled-caret-color: #12103f;
  --mat-form-field-filled-focus-active-indicator-color: #12103f;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #12103f 87%, transparent);
  --mat-form-field-outlined-caret-color: #12103f;
  --mat-form-field-outlined-focus-outline-color: #12103f;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #12103f 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #12103f;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #12103f;
  --mat-slide-toggle-selected-handle-color: #12103f;
  --mat-slide-toggle-selected-hover-state-layer-color: #12103f;
  --mat-slide-toggle-selected-pressed-state-layer-color: #12103f;
  --mat-slide-toggle-selected-focus-handle-color: #12103f;
  --mat-slide-toggle-selected-hover-handle-color: #12103f;
  --mat-slide-toggle-selected-pressed-handle-color: #12103f;
  --mat-slide-toggle-selected-focus-track-color: #595879;
  --mat-slide-toggle-selected-hover-track-color: #595879;
  --mat-slide-toggle-selected-pressed-track-color: #595879;
  --mat-slide-toggle-selected-track-color: #595879;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #12103f;
  --mat-slider-focus-handle-color: #12103f;
  --mat-slider-handle-color: #12103f;
  --mat-slider-hover-handle-color: #12103f;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #12103f 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #12103f 4%, transparent);
  --mat-slider-inactive-track-color: #12103f;
  --mat-slider-ripple-color: #12103f;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #12103f;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #595879;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #12103f;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #12103f;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #12103f 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #12103f;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #12103f 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #12103f 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #12103f 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #12103f;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #12103f;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #12103f;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #12103f;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #12103f;
  --mat-slide-toggle-selected-handle-color: #12103f;
  --mat-slide-toggle-selected-hover-state-layer-color: #12103f;
  --mat-slide-toggle-selected-pressed-state-layer-color: #12103f;
  --mat-slide-toggle-selected-focus-handle-color: #12103f;
  --mat-slide-toggle-selected-hover-handle-color: #12103f;
  --mat-slide-toggle-selected-pressed-handle-color: #12103f;
  --mat-slide-toggle-selected-focus-track-color: #595879;
  --mat-slide-toggle-selected-hover-track-color: #595879;
  --mat-slide-toggle-selected-pressed-track-color: #595879;
  --mat-slide-toggle-selected-track-color: #595879;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.m4dw-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #fedd93;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.m4dw-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.m4dw-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #12103f;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #12103f;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.m4dw-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #fedd93;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fedd93;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.m4dw-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.m4dw-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #12103f;
  --mat-progress-bar-track-color: rgba(18, 16, 63, 0.25);
}
.m4dw-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #fedd93;
  --mat-progress-bar-track-color: rgba(254, 221, 147, 0.25);
}
.m4dw-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.m4dw-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-filled-caret-color: #fedd93;
  --mat-form-field-filled-focus-active-indicator-color: #fedd93;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
  --mat-form-field-outlined-caret-color: #fedd93;
  --mat-form-field-outlined-focus-outline-color: #fedd93;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fedd93 87%, transparent);
}
.m4dw-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.m4dw-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fedd93;
  --mat-select-invalid-arrow-color: #e74737;
}
.m4dw-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.m4dw-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.m4dw-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.m4dw-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.m4dw-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #12103f;
  --mat-chip-elevated-disabled-container-color: #12103f;
  --mat-chip-elevated-selected-container-color: #12103f;
  --mat-chip-flat-disabled-selected-container-color: #12103f;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.m4dw-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.m4dw-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fedd93;
  --mat-chip-elevated-disabled-container-color: #fedd93;
  --mat-chip-elevated-selected-container-color: #fedd93;
  --mat-chip-flat-disabled-selected-container-color: #fedd93;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.m4dw-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.m4dw-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.m4dw-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.m4dw-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.m4dw-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.m4dw-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.m4dw-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.m4dw-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #12103f;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #12103f;
  --mat-radio-selected-hover-icon-color: #12103f;
  --mat-radio-selected-icon-color: #12103f;
  --mat-radio-selected-pressed-icon-color: #12103f;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.m4dw-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.m4dw-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.m4dw-theme .mat-accent {
  --mat-slider-active-track-color: #fedd93;
  --mat-slider-focus-handle-color: #fedd93;
  --mat-slider-handle-color: #fedd93;
  --mat-slider-hover-handle-color: #fedd93;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-slider-inactive-track-color: #fedd93;
  --mat-slider-ripple-color: #fedd93;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fedd93;
}
.m4dw-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.m4dw-theme .mdc-list-item__start,
.m4dw-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #12103f;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #12103f;
  --mat-radio-selected-hover-icon-color: #12103f;
  --mat-radio-selected-icon-color: #12103f;
  --mat-radio-selected-pressed-icon-color: #12103f;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.m4dw-theme .mat-accent .mdc-list-item__start,
.m4dw-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fedd93;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fedd93;
  --mat-radio-selected-hover-icon-color: #fedd93;
  --mat-radio-selected-icon-color: #fedd93;
  --mat-radio-selected-pressed-icon-color: #fedd93;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.m4dw-theme .mat-warn .mdc-list-item__start,
.m4dw-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.m4dw-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #12103f;
  --mat-checkbox-selected-hover-icon-color: #12103f;
  --mat-checkbox-selected-icon-color: #12103f;
  --mat-checkbox-selected-pressed-icon-color: #12103f;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #12103f;
  --mat-checkbox-selected-hover-state-layer-color: #12103f;
  --mat-checkbox-selected-pressed-state-layer-color: #12103f;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.m4dw-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fedd93;
  --mat-checkbox-selected-hover-icon-color: #fedd93;
  --mat-checkbox-selected-icon-color: #fedd93;
  --mat-checkbox-selected-pressed-icon-color: #fedd93;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fedd93;
  --mat-checkbox-selected-hover-state-layer-color: #fedd93;
  --mat-checkbox-selected-pressed-state-layer-color: #fedd93;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.m4dw-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.m4dw-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.m4dw-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.m4dw-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.m4dw-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #12103f;
}
.m4dw-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.m4dw-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.m4dw-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.m4dw-theme .mdc-list-item__start,
.m4dw-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.m4dw-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.m4dw-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.m4dw-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.m4dw-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.m4dw-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.m4dw-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.m4dw-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.m4dw-theme .mat-mdc-tab-group,
.m4dw-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #12103f;
  --mat-tab-active-ripple-color: #12103f;
  --mat-tab-inactive-ripple-color: #12103f;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #12103f;
  --mat-tab-active-hover-label-text-color: #12103f;
  --mat-tab-active-focus-indicator-color: #12103f;
  --mat-tab-active-hover-indicator-color: #12103f;
  --mat-tab-active-indicator-color: #12103f;
}
.m4dw-theme .mat-mdc-tab-group.mat-accent,
.m4dw-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fedd93;
  --mat-tab-active-ripple-color: #fedd93;
  --mat-tab-inactive-ripple-color: #fedd93;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fedd93;
  --mat-tab-active-hover-label-text-color: #fedd93;
  --mat-tab-active-focus-indicator-color: #fedd93;
  --mat-tab-active-hover-indicator-color: #fedd93;
  --mat-tab-active-indicator-color: #fedd93;
}
.m4dw-theme .mat-mdc-tab-group.mat-warn,
.m4dw-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.m4dw-theme .mat-mdc-tab-group.mat-background-primary,
.m4dw-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #12103f;
  --mat-tab-foreground-color: #ffffff;
}
.m4dw-theme .mat-mdc-tab-group.mat-background-accent,
.m4dw-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #fedd93;
  --mat-tab-foreground-color: #000000;
}
.m4dw-theme .mat-mdc-tab-group.mat-background-warn,
.m4dw-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.m4dw-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.m4dw-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.m4dw-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #12103f;
  --mat-checkbox-selected-hover-icon-color: #12103f;
  --mat-checkbox-selected-icon-color: #12103f;
  --mat-checkbox-selected-pressed-icon-color: #12103f;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #12103f;
  --mat-checkbox-selected-hover-state-layer-color: #12103f;
  --mat-checkbox-selected-pressed-state-layer-color: #12103f;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.m4dw-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.m4dw-theme .mat-mdc-button.mat-primary,
.m4dw-theme .mat-mdc-unelevated-button.mat-primary,
.m4dw-theme .mat-mdc-raised-button.mat-primary,
.m4dw-theme .mat-mdc-outlined-button.mat-primary,
.m4dw-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #12103f;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #12103f;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #12103f 12%, transparent);
  --mat-button-outlined-state-layer-color: #12103f;
  --mat-button-protected-container-color: #12103f;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #12103f;
  --mat-button-text-ripple-color: color-mix(in srgb, #12103f 12%, transparent);
  --mat-button-text-state-layer-color: #12103f;
  --mat-button-tonal-container-color: #12103f;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.m4dw-theme .mat-mdc-button.mat-accent,
.m4dw-theme .mat-mdc-unelevated-button.mat-accent,
.m4dw-theme .mat-mdc-raised-button.mat-accent,
.m4dw-theme .mat-mdc-outlined-button.mat-accent,
.m4dw-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #fedd93;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fedd93;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-outlined-state-layer-color: #fedd93;
  --mat-button-protected-container-color: #fedd93;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fedd93;
  --mat-button-text-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-button-text-state-layer-color: #fedd93;
  --mat-button-tonal-container-color: #fedd93;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.m4dw-theme .mat-mdc-button.mat-warn,
.m4dw-theme .mat-mdc-unelevated-button.mat-warn,
.m4dw-theme .mat-mdc-raised-button.mat-warn,
.m4dw-theme .mat-mdc-outlined-button.mat-warn,
.m4dw-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.m4dw-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #12103f;
  --mat-icon-button-state-layer-color: #12103f;
  --mat-icon-button-ripple-color: color-mix(in srgb, #12103f 12%, transparent);
}
.m4dw-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #fedd93;
  --mat-icon-button-state-layer-color: #fedd93;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
}
.m4dw-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.m4dw-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.m4dw-theme .mat-mdc-fab.mat-primary,
.m4dw-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #12103f;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #12103f 12%, transparent);
  --mat-fab-small-container-color: #12103f;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.m4dw-theme .mat-mdc-fab.mat-accent,
.m4dw-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #fedd93;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-fab-small-container-color: #fedd93;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.m4dw-theme .mat-mdc-fab.mat-warn,
.m4dw-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.m4dw-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #fedd93;
}
.m4dw-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.m4dw-theme .mat-badge-accent {
  --mat-badge-background-color: #fedd93;
  --mat-badge-text-color: #000000;
}
.m4dw-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.m4dw-theme .mat-datepicker-content.mat-accent,
.m4dw-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fedd93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fedd93 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fedd93 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fedd93 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fedd93;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.m4dw-theme .mat-datepicker-content.mat-warn,
.m4dw-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #fedd93 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.m4dw-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.m4dw-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.m4dw-theme .mat-icon.mat-primary {
  --mat-icon-color: #12103f;
}
.m4dw-theme .mat-icon.mat-accent {
  --mat-icon-color: #fedd93;
}
.m4dw-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.m4dw-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fedd93;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fedd93;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fedd93;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
.m4dw-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.m4dw-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #12103f;
  --mat-toolbar-container-text-color: #ffffff;
}
.m4dw-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fedd93;
  --mat-toolbar-container-text-color: #000000;
}
.m4dw-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.m4dw-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fedd93;
  --mat-slide-toggle-selected-focus-handle-color: #fedd93;
  --mat-slide-toggle-selected-hover-handle-color: #fedd93;
  --mat-slide-toggle-selected-pressed-handle-color: #fedd93;
  --mat-slide-toggle-selected-focus-track-color: #fee7b3;
  --mat-slide-toggle-selected-hover-track-color: #fee7b3;
  --mat-slide-toggle-selected-pressed-track-color: #fee7b3;
  --mat-slide-toggle-selected-track-color: #fee7b3;
}
.m4dw-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.m4dw-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.m4dw-theme .back-container {
  color: #12103f;
}
.m4dw-theme .back-container:hover {
  opacity: 0.54;
}
.m4dw-theme .warn-text {
  color: #e74737;
}
.m4dw-theme .inside-modal-title.primary-colored-title,
.m4dw-theme .form-title.primary-colored-title {
  color: #12103f;
}
.m4dw-theme .full-height-container form .button-container {
  background: white;
}
.m4dw-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.m4dw-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.m4dw-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.m4dw-theme .box-checkbox.active-box-checkbox {
  background-color: #12103f;
  color: white;
}
.m4dw-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.m4dw-theme .box-radio.active-box-radio {
  background-color: #12103f;
  color: white;
}
.m4dw-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.m4dw-theme .error {
  color: #e74737;
}
.m4dw-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.m4dw-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.m4dw-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.m4dw-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.m4dw-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.m4dw-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.m4dw-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.m4dw-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.m4dw-theme .ql-snow .ql-picker-options {
  background: white;
}
.m4dw-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.m4dw-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.m4dw-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.m4dw-theme .ql-snow .ql-fill,
.m4dw-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.m4dw-theme .ql-snow.ql-toolbar button:hover,
.m4dw-theme .ql-snow .ql-toolbar button:hover,
.m4dw-theme .ql-snow.ql-toolbar button:focus,
.m4dw-theme .ql-snow .ql-toolbar button:focus,
.m4dw-theme .ql-snow.ql-toolbar button.ql-active,
.m4dw-theme .ql-snow .ql-toolbar button.ql-active,
.m4dw-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.m4dw-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.m4dw-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.m4dw-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.m4dw-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.m4dw-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.m4dw-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.m4dw-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.m4dw-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.m4dw-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.m4dw-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.m4dw-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.m4dw-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.m4dw-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.m4dw-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.m4dw-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.m4dw-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.m4dw-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.m4dw-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.m4dw-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.m4dw-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.m4dw-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.m4dw-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.m4dw-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.m4dw-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.m4dw-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.m4dw-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.m4dw-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.m4dw-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.m4dw-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.m4dw-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.m4dw-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.m4dw-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.m4dw-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.m4dw-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.m4dw-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.m4dw-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.m4dw-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.m4dw-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.m4dw-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.m4dw-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.m4dw-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.m4dw-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.m4dw-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.m4dw-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.m4dw-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.m4dw-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.m4dw-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.m4dw-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.m4dw-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.m4dw-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.m4dw-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.m4dw-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.m4dw-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.m4dw-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.m4dw-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.m4dw-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.m4dw-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.m4dw-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.m4dw-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.m4dw-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.m4dw-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.m4dw-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.m4dw-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.m4dw-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.m4dw-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.m4dw-theme bee-form-item {
  margin-right: 0 !important;
}
.m4dw-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.m4dw-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #12103f;
  height: 38px !important;
}
.m4dw-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.m4dw-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.m4dw-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.m4dw-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.m4dw-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.m4dw-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.m4dw-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.m4dw-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.m4dw-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .m4dw-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.m4dw-theme .general-container .label-wrapper label {
  color: #12103f !important;
  background-color: white;
}
.m4dw-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.m4dw-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.m4dw-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.m4dw-theme .general-container .bee-selector .bee-selector-container {
  border-color: #12103f !important;
}
.m4dw-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.m4dw-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.m4dw-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.m4dw-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.m4dw-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.m4dw-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.m4dw-theme .general-container .bee-selector .bee-selector-container:focus,
.m4dw-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #12103f;
}
.m4dw-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.m4dw-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #12103f;
}
.m4dw-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.m4dw-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #12103f;
}
.m4dw-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.m4dw-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.m4dw-theme .general-container .bee-dropdown {
  background: white;
}
.m4dw-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #12103f;
}
.m4dw-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.m4dw-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.m4dw-theme .general-container .selector-error {
  color: #e74737;
}
.m4dw-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.m4dw-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.m4dw-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.m4dw-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.m4dw-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #12103f;
}
.m4dw-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.m4dw-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.m4dw-theme .move-image-action-container:hover {
  color: #12103f;
}
.m4dw-theme .info-icon {
  color: #12103f;
}
.m4dw-theme .email-chip {
  color: #12103f !important;
  background-color: rgba(18, 16, 63, 0.15) !important;
}
.m4dw-theme .email-chip .mat-chip-remove {
  color: #12103f !important;
  opacity: 1 !important;
}
.m4dw-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.m4dw-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.m4dw-theme .mat-badge-content {
  color: #12103f !important;
}
.m4dw-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #12103f !important;
}
.m4dw-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #12103f !important;
}
.m4dw-theme #circle-lleno {
  background: #0000f3;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.m4dw-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.m4dw-theme .marine-color {
  color: #0f223e !important;
}
.m4dw-theme .primary-color {
  color: #12103f !important;
}
.m4dw-theme .gray-color {
  color: #C0C4CA !important;
}
.m4dw-theme .primary-color-200 {
  color: #89889f !important;
}
.m4dw-theme svg.primary-fill-svg {
  fill: #12103f !important;
}
.m4dw-theme .primary-fill {
  fill: #12103f !important;
}
.m4dw-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.m4dw-theme .primary-border-50 {
  border-color: #e3e2e8 !important;
}
.m4dw-theme .primary-border-100 {
  border-color: #b8b7c5 !important;
}
.m4dw-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.m4dw-theme .transparent-border-100 {
  border-color: transparent !important;
}
.m4dw-theme .primary-border-200 {
  border-color: #89889f !important;
}
.m4dw-theme .primary-indicator .mat-expansion-indicator:after {
  color: #12103f;
}
.m4dw-theme .contrast-background {
  background-color: #ffffff !important;
}
.m4dw-theme .primary-color-small {
  color: rgba(18, 16, 63, 0.6);
}
.m4dw-theme .marine-background {
  background-color: #0f223e !important;
}
.m4dw-theme .primary-background {
  background-color: #12103f !important;
}
.m4dw-theme .primary-background-50 {
  background-color: #e3e2e8 !important;
}
.m4dw-theme .primary-background-200 {
  background-color: #89889f !important;
}
.m4dw-theme .primary-background-800 {
  background-color: #0a0929 !important;
}
.m4dw-theme .white-color {
  color: white !important;
}
.m4dw-theme .secondary-color {
  color: #0000f3 !important;
}
.m4dw-theme .secondary-background {
  background-color: #0000f3 !important;
}
.m4dw-theme .secondary-background-semi {
  background-color: #12103f !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #12103f !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.m4dw-theme .secondary-background-full {
  background-color: #12103f !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #12103f !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.m4dw-theme .secondary-background-empty {
  background-color: #12103f !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #12103f !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.m4dw-theme .secondary-border {
  background-color: #0000f3 !important;
}
.m4dw-theme .tertiary-color {
  color: #0000f3 !important;
}
.m4dw-theme button.button-tertiary {
  background-color: #0000f3 !important;
  color: #12103f !important;
  border: 1px solid #12103f !important;
}
.m4dw-theme span.red-text {
  color: #DB1F35 !important;
}
.m4dw-theme .tertiary-background {
  background-color: #0000f3 !important;
}
.m4dw-theme .tertiary-border {
  border-color: #0000f3 !important;
}
.m4dw-theme .dark-background {
  background-color: black !important;
}
.m4dw-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.m4dw-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.m4dw-theme .primary-soft-background {
  background-color: rgba(18, 16, 63, 0.1) !important;
}
.m4dw-theme .primary-soft-background:hover {
  background-color: rgba(18, 16, 63, 0.15) !important;
}
.m4dw-theme .primary-border {
  border-color: #12103f !important;
}
.m4dw-theme .default-background {
  background-color: #fafafa !important;
}
.m4dw-theme .hover-primary:hover {
  color: #12103f !important;
}
.m4dw-theme .hover-primary-background:hover {
  background-color: #12103f !important;
}
.m4dw-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.m4dw-theme .warn-color {
  color: #e74737 !important;
}
.m4dw-theme .warn-border {
  border-color: #e74737 !important;
}
.m4dw-theme .accent-color {
  color: #fedd93 !important;
}
.m4dw-theme .accent-background {
  background-color: #fedd93 !important;
}
.m4dw-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.m4dw-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.m4dw-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.m4dw-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.m4dw-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.m4dw-theme .dialog-table tr .action-icon {
  color: transparent;
}
.m4dw-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.m4dw-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.m4dw-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #12103f;
}
.m4dw-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.m4dw-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.m4dw-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.m4dw-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.m4dw-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.m4dw-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.m4dw-theme .card-table tr .action-icon {
  color: transparent;
}
.m4dw-theme .card-table tr .action-icon button {
  color: transparent;
}
.m4dw-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.m4dw-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.m4dw-theme .card-table tr:hover .action-icon button {
  color: #12103f;
}
.m4dw-theme .card-table tr:hover .action-icon:hover {
  color: #12103f;
}
.m4dw-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.m4dw-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.m4dw-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.m4dw-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.m4dw-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #12103f;
}
.m4dw-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.m4dw-theme .no-hover-table tr:hover {
  background: white;
}
.m4dw-theme .custom-standard-chip {
  background-color: rgba(18, 16, 63, 0.1) !important;
  color: #12103f !important;
}
.m4dw-theme .help-dashboard-card .mat-icon {
  color: #12103f;
}
.m4dw-theme .help-dashboard-card:hover {
  background-color: #12103f;
}
.m4dw-theme .help-dashboard-card:hover .mat-icon,
.m4dw-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.m4dw-theme .room-open {
  background-color: #12103f !important;
  color: white !important;
}
.m4dw-theme .room-open:hover {
  background-color: #12103f !important;
  color: white !important;
}
.m4dw-theme #public-office-page-groups .public-group-button-hover {
  background-color: #12103f !important;
  color: white !important;
}
.m4dw-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.m4dw-theme .notification-container .show-tip {
  color: transparent;
}
.m4dw-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.m4dw-theme .notification-container:hover .show-tip {
  color: #12103f;
}
.m4dw-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.m4dw-theme .notification-container .notification-subject .mat-icon {
  color: #12103f;
}
.m4dw-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.m4dw-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.m4dw-theme .message-container .show-tip {
  color: transparent;
}
.m4dw-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.m4dw-theme .message-container:hover .show-tip {
  color: #12103f;
}
.m4dw-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.m4dw-theme .message-container .message-subject .mat-icon {
  color: #12103f;
}
.m4dw-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.m4dw-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.m4dw-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.m4dw-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.m4dw-theme .primary-200-outline input {
  caret-color: #89889f;
  color: #12103f;
}
.m4dw-theme .primary-200-outline label {
  color: #89889f;
}
.m4dw-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #89889f !important;
}
.m4dw-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #89889f;
}
.m4dw-theme mat-form-field .primary-outline label {
  color: #12103f !important;
}
.m4dw-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #12103f !important;
}
.m4dw-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #12103f !important;
}
.m4dw-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.m4dw-theme .input-primary input {
  caret-color: #12103f;
  color: #12103f;
}
.m4dw-theme .input-primary label {
  color: #12103f;
}
.m4dw-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #12103f !important;
}
.m4dw-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.m4dw-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #12103f;
  border-width: 1px;
}
.m4dw-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.m4dw-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.m4dw-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.m4dw-theme .boton-recarga {
  background-color: #12103f;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.m4dw-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.m4dw-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.m4dw-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.m4dw-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.m4dw-theme .header-container button {
  padding: 0 !important;
}
.m4dw-theme .header-container .mat-button {
  min-width: unset !important;
}
.m4dw-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.m4dw-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m4dw-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.m4dw-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.m4dw-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.m4dw-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.m4dw-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.m4dw-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.m4dw-theme .input-recarga-marine {
  border: 1px solid #12103f !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.m4dw-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.m4dw-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.m4dw-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.m4dw-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.m4dw-theme .color-primary {
  color: #12103f !important;
  fill: #12103f !important;
}
.m4dw-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.m4dw-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.m4dw-theme .primary-contrast {
  color: #ffffff !important;
}
.m4dw-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #12103f !important;
}
.m4dw-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #12103f !important;
}
.m4dw-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.m4dw-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #12103f !important;
}
.m4dw-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.m4dw-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.m4dw-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.m4dw-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #12103f !important;
}
.m4dw-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #12103f !important;
}
.m4dw-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #12103f !important;
}
.m4dw-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #12103f !important;
}
.m4dw-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #12103f !important;
}
.m4dw-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.m4dw-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #12103f !important;
}
.m4dw-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.m4dw-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #12103f !important;
}
.m4dw-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.m4dw-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.m4dw-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #12103f !important;
}
.m4dw-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0000f3 !important;
}
.m4dw-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.m4dw-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #12103f !important;
}
.m4dw-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #12103f !important;
}
.m4dw-theme .mat-checkbox-checked .mat-checkbox-background,
.m4dw-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #12103f !important;
}
.m4dw-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #12103f !important;
}
.m4dw-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.m4dw-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #12103f !important;
}
.m4dw-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.m4dw-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #12103f !important;
}
.m4dw-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #89889f !important;
}
.m4dw-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #12103f !important;
}
.m4dw-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.m4dw-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.m4dw-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.m4dw-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.m4dw-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #12103f !important;
}
.m4dw-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #12103f !important;
}
.m4dw-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #12103f !important;
}
.m4dw-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.m4dw-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #12103f !important;
}
.m4dw-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #12103f !important;
}
.m4dw-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #12103f !important;
}
.m4dw-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.m4dw-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.m4dw-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #12103f !important;
}
.m4dw-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #12103f !important;
}
.m4dw-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.m4dw-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.m4dw-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #12103f !important;
}
.m4dw-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.m4dw-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.m4dw-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fedd93 !important;
}
.m4dw-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #12103f !important;
}
.m4dw-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.m4dw-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #12103f !important;
}
.m4dw-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #12103f !important;
}
.m4dw-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #12103f !important;
}
.m4dw-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.m4dw-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.m4dw-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.m4dw-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #12103f !important;
}
.m4dw-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #12103f !important;
}
.m4dw-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0000f3 !important;
}
.m4dw-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0000f3 !important;
}
.m4dw-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.m4dw-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #12103f !important;
}
.m4dw-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #12103f !important;
}
.m4dw-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.m4dw-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #12103f !important;
}
.m4dw-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #12103f !important;
}
.m4dw-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.m4dw-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.m4dw-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.m4dw-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #0000f3 !important;
}
.m4dw-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0000f3 !important;
}
.m4dw-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.m4dw-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.m4dw-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0000f3 !important;
}
.m4dw-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0000f3 !important;
}
.m4dw-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0000f3 !important;
}
.m4dw-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #0000f3 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.m4dw-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #0000f3 !important;
}
.m4dw-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0000f3 !important;
}
.m4dw-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #12103f !important;
}
.m4dw-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #12103f !important;
}
.m4dw-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #12103f !important;
}
.m4dw-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.m4dw-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.m4dw-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.m4dw-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.m4dw-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.m4dw-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #12103f !important;
}
.m4dw-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #12103f !important;
}
.m4dw-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #12103f !important;
}
.m4dw-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #12103f !important;
}
.m4dw-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #12103f !important;
}
.m4dw-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #12103f !important;
}
.m4dw-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.m4dw-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #12103f !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.m4dw-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.m4dw-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.m4dw-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.m4dw-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.m4dw-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.m4dw-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #0000f3 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.m4dw-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #12103f !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #12103f !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.m4dw-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #12103f !important;
}
.m4dw-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.m4dw-theme .button-text-hidden {
  display: none;
}
.bee-titeam-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #2492a6;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #cddc39;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #cddc39;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #2492a6 87%, transparent);
  --mat-form-field-filled-caret-color: #2492a6;
  --mat-form-field-filled-focus-active-indicator-color: #2492a6;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #2492a6 87%, transparent);
  --mat-form-field-outlined-caret-color: #2492a6;
  --mat-form-field-outlined-focus-outline-color: #2492a6;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #2492a6 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #2492a6;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #2492a6;
  --mat-slide-toggle-selected-handle-color: #2492a6;
  --mat-slide-toggle-selected-hover-state-layer-color: #2492a6;
  --mat-slide-toggle-selected-pressed-state-layer-color: #2492a6;
  --mat-slide-toggle-selected-focus-handle-color: #2492a6;
  --mat-slide-toggle-selected-hover-handle-color: #2492a6;
  --mat-slide-toggle-selected-pressed-handle-color: #2492a6;
  --mat-slide-toggle-selected-focus-track-color: #66b3c1;
  --mat-slide-toggle-selected-hover-track-color: #66b3c1;
  --mat-slide-toggle-selected-pressed-track-color: #66b3c1;
  --mat-slide-toggle-selected-track-color: #66b3c1;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #2492a6;
  --mat-slider-focus-handle-color: #2492a6;
  --mat-slider-handle-color: #2492a6;
  --mat-slider-hover-handle-color: #2492a6;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #2492a6 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #2492a6 4%, transparent);
  --mat-slider-inactive-track-color: #2492a6;
  --mat-slider-ripple-color: #2492a6;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #2492a6;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #cddc39;
  --mat-checkbox-selected-hover-icon-color: #cddc39;
  --mat-checkbox-selected-icon-color: #cddc39;
  --mat-checkbox-selected-pressed-icon-color: #cddc39;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #cddc39;
  --mat-checkbox-selected-hover-state-layer-color: #cddc39;
  --mat-checkbox-selected-pressed-state-layer-color: #cddc39;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #66b3c1;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #2492a6;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #2492a6;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #2492a6 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #2492a6;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #2492a6 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #2492a6 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #2492a6 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #2492a6;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #2492a6;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #2492a6;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #2492a6;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #2492a6;
  --mat-slide-toggle-selected-handle-color: #2492a6;
  --mat-slide-toggle-selected-hover-state-layer-color: #2492a6;
  --mat-slide-toggle-selected-pressed-state-layer-color: #2492a6;
  --mat-slide-toggle-selected-focus-handle-color: #2492a6;
  --mat-slide-toggle-selected-hover-handle-color: #2492a6;
  --mat-slide-toggle-selected-pressed-handle-color: #2492a6;
  --mat-slide-toggle-selected-focus-track-color: #66b3c1;
  --mat-slide-toggle-selected-hover-track-color: #66b3c1;
  --mat-slide-toggle-selected-pressed-track-color: #66b3c1;
  --mat-slide-toggle-selected-track-color: #66b3c1;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-titeam-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #cddc39;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-titeam-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-titeam-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #2492a6;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #2492a6;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-titeam-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #cddc39;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #cddc39;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-titeam-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-titeam-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #2492a6;
  --mat-progress-bar-track-color: rgba(36, 146, 166, 0.25);
}
.bee-titeam-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #cddc39;
  --mat-progress-bar-track-color: rgba(205, 220, 57, 0.25);
}
.bee-titeam-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.bee-titeam-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #cddc39 87%, transparent);
  --mat-form-field-filled-caret-color: #cddc39;
  --mat-form-field-filled-focus-active-indicator-color: #cddc39;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #cddc39 87%, transparent);
  --mat-form-field-outlined-caret-color: #cddc39;
  --mat-form-field-outlined-focus-outline-color: #cddc39;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #cddc39 87%, transparent);
}
.bee-titeam-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.bee-titeam-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #cddc39;
  --mat-select-invalid-arrow-color: #e74737;
}
.bee-titeam-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.bee-titeam-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.bee-titeam-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-titeam-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.bee-titeam-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #2492a6;
  --mat-chip-elevated-disabled-container-color: #2492a6;
  --mat-chip-elevated-selected-container-color: #2492a6;
  --mat-chip-flat-disabled-selected-container-color: #2492a6;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bee-titeam-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.bee-titeam-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: #cddc39;
  --mat-chip-elevated-disabled-container-color: #cddc39;
  --mat-chip-elevated-selected-container-color: #cddc39;
  --mat-chip-flat-disabled-selected-container-color: #cddc39;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-titeam-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.bee-titeam-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bee-titeam-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.bee-titeam-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.bee-titeam-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-focus-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-handle-color: #cddc39;
  --mat-slide-toggle-selected-pressed-handle-color: #cddc39;
  --mat-slide-toggle-selected-focus-track-color: #dce775;
  --mat-slide-toggle-selected-hover-track-color: #dce775;
  --mat-slide-toggle-selected-pressed-track-color: #dce775;
  --mat-slide-toggle-selected-track-color: #dce775;
}
.bee-titeam-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bee-titeam-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-titeam-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #2492a6;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #2492a6;
  --mat-radio-selected-hover-icon-color: #2492a6;
  --mat-radio-selected-icon-color: #2492a6;
  --mat-radio-selected-pressed-icon-color: #2492a6;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-titeam-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #cddc39;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #cddc39;
  --mat-radio-selected-hover-icon-color: #cddc39;
  --mat-radio-selected-icon-color: #cddc39;
  --mat-radio-selected-pressed-icon-color: #cddc39;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-titeam-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-titeam-theme .mat-accent {
  --mat-slider-active-track-color: #cddc39;
  --mat-slider-focus-handle-color: #cddc39;
  --mat-slider-handle-color: #cddc39;
  --mat-slider-hover-handle-color: #cddc39;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #cddc39 4%, transparent);
  --mat-slider-inactive-track-color: #cddc39;
  --mat-slider-ripple-color: #cddc39;
  --mat-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-inactive-container-color: #cddc39;
}
.bee-titeam-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.bee-titeam-theme .mdc-list-item__start,
.bee-titeam-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #2492a6;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #2492a6;
  --mat-radio-selected-hover-icon-color: #2492a6;
  --mat-radio-selected-icon-color: #2492a6;
  --mat-radio-selected-pressed-icon-color: #2492a6;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-titeam-theme .mat-accent .mdc-list-item__start,
.bee-titeam-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #cddc39;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #cddc39;
  --mat-radio-selected-hover-icon-color: #cddc39;
  --mat-radio-selected-icon-color: #cddc39;
  --mat-radio-selected-pressed-icon-color: #cddc39;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-titeam-theme .mat-warn .mdc-list-item__start,
.bee-titeam-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-titeam-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #2492a6;
  --mat-checkbox-selected-hover-icon-color: #2492a6;
  --mat-checkbox-selected-icon-color: #2492a6;
  --mat-checkbox-selected-pressed-icon-color: #2492a6;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #2492a6;
  --mat-checkbox-selected-hover-state-layer-color: #2492a6;
  --mat-checkbox-selected-pressed-state-layer-color: #2492a6;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-titeam-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #cddc39;
  --mat-checkbox-selected-hover-icon-color: #cddc39;
  --mat-checkbox-selected-icon-color: #cddc39;
  --mat-checkbox-selected-pressed-icon-color: #cddc39;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #cddc39;
  --mat-checkbox-selected-hover-state-layer-color: #cddc39;
  --mat-checkbox-selected-pressed-state-layer-color: #cddc39;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-titeam-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-titeam-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.bee-titeam-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.bee-titeam-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.bee-titeam-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #2492a6;
}
.bee-titeam-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.bee-titeam-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.bee-titeam-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.bee-titeam-theme .mdc-list-item__start,
.bee-titeam-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.bee-titeam-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.bee-titeam-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.bee-titeam-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.bee-titeam-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.bee-titeam-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.bee-titeam-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.bee-titeam-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.bee-titeam-theme .mat-mdc-tab-group,
.bee-titeam-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #2492a6;
  --mat-tab-active-ripple-color: #2492a6;
  --mat-tab-inactive-ripple-color: #2492a6;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #2492a6;
  --mat-tab-active-hover-label-text-color: #2492a6;
  --mat-tab-active-focus-indicator-color: #2492a6;
  --mat-tab-active-hover-indicator-color: #2492a6;
  --mat-tab-active-indicator-color: #2492a6;
}
.bee-titeam-theme .mat-mdc-tab-group.mat-accent,
.bee-titeam-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #cddc39;
  --mat-tab-active-ripple-color: #cddc39;
  --mat-tab-inactive-ripple-color: #cddc39;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #cddc39;
  --mat-tab-active-hover-label-text-color: #cddc39;
  --mat-tab-active-focus-indicator-color: #cddc39;
  --mat-tab-active-hover-indicator-color: #cddc39;
  --mat-tab-active-indicator-color: #cddc39;
}
.bee-titeam-theme .mat-mdc-tab-group.mat-warn,
.bee-titeam-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.bee-titeam-theme .mat-mdc-tab-group.mat-background-primary,
.bee-titeam-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #2492a6;
  --mat-tab-foreground-color: #ffffff;
}
.bee-titeam-theme .mat-mdc-tab-group.mat-background-accent,
.bee-titeam-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #cddc39;
  --mat-tab-foreground-color: rgba(0, 0, 0, 0.87);
}
.bee-titeam-theme .mat-mdc-tab-group.mat-background-warn,
.bee-titeam-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.bee-titeam-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.bee-titeam-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.bee-titeam-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #2492a6;
  --mat-checkbox-selected-hover-icon-color: #2492a6;
  --mat-checkbox-selected-icon-color: #2492a6;
  --mat-checkbox-selected-pressed-icon-color: #2492a6;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #2492a6;
  --mat-checkbox-selected-hover-state-layer-color: #2492a6;
  --mat-checkbox-selected-pressed-state-layer-color: #2492a6;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-titeam-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-titeam-theme .mat-mdc-button.mat-primary,
.bee-titeam-theme .mat-mdc-unelevated-button.mat-primary,
.bee-titeam-theme .mat-mdc-raised-button.mat-primary,
.bee-titeam-theme .mat-mdc-outlined-button.mat-primary,
.bee-titeam-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #2492a6;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #2492a6;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #2492a6 12%, transparent);
  --mat-button-outlined-state-layer-color: #2492a6;
  --mat-button-protected-container-color: #2492a6;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #2492a6;
  --mat-button-text-ripple-color: color-mix(in srgb, #2492a6 12%, transparent);
  --mat-button-text-state-layer-color: #2492a6;
  --mat-button-tonal-container-color: #2492a6;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bee-titeam-theme .mat-mdc-button.mat-accent,
.bee-titeam-theme .mat-mdc-unelevated-button.mat-accent,
.bee-titeam-theme .mat-mdc-raised-button.mat-accent,
.bee-titeam-theme .mat-mdc-outlined-button.mat-accent,
.bee-titeam-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #cddc39;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-label-text-color: #cddc39;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-button-outlined-state-layer-color: #cddc39;
  --mat-button-protected-container-color: #cddc39;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-label-text-color: #cddc39;
  --mat-button-text-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-button-text-state-layer-color: #cddc39;
  --mat-button-tonal-container-color: #cddc39;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-titeam-theme .mat-mdc-button.mat-warn,
.bee-titeam-theme .mat-mdc-unelevated-button.mat-warn,
.bee-titeam-theme .mat-mdc-raised-button.mat-warn,
.bee-titeam-theme .mat-mdc-outlined-button.mat-warn,
.bee-titeam-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bee-titeam-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #2492a6;
  --mat-icon-button-state-layer-color: #2492a6;
  --mat-icon-button-ripple-color: color-mix(in srgb, #2492a6 12%, transparent);
}
.bee-titeam-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #cddc39;
  --mat-icon-button-state-layer-color: #cddc39;
  --mat-icon-button-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
}
.bee-titeam-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.bee-titeam-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.bee-titeam-theme .mat-mdc-fab.mat-primary,
.bee-titeam-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #2492a6;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #2492a6 12%, transparent);
  --mat-fab-small-container-color: #2492a6;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bee-titeam-theme .mat-mdc-fab.mat-accent,
.bee-titeam-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #cddc39;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-fab-small-container-color: #cddc39;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-titeam-theme .mat-mdc-fab.mat-warn,
.bee-titeam-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bee-titeam-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #cddc39;
}
.bee-titeam-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.bee-titeam-theme .mat-badge-accent {
  --mat-badge-background-color: #cddc39;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
}
.bee-titeam-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.bee-titeam-theme .mat-datepicker-content.mat-accent,
.bee-titeam-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #cddc39;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #cddc39 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #cddc39 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #cddc39;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-titeam-theme .mat-datepicker-content.mat-warn,
.bee-titeam-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-titeam-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.bee-titeam-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.bee-titeam-theme .mat-icon.mat-primary {
  --mat-icon-color: #2492a6;
}
.bee-titeam-theme .mat-icon.mat-accent {
  --mat-icon-color: #cddc39;
}
.bee-titeam-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.bee-titeam-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #cddc39;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #cddc39;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #cddc39;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}
.bee-titeam-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.bee-titeam-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #2492a6;
  --mat-toolbar-container-text-color: #ffffff;
}
.bee-titeam-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #cddc39;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-titeam-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.bee-titeam-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-focus-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-handle-color: #cddc39;
  --mat-slide-toggle-selected-pressed-handle-color: #cddc39;
  --mat-slide-toggle-selected-focus-track-color: #dce775;
  --mat-slide-toggle-selected-hover-track-color: #dce775;
  --mat-slide-toggle-selected-pressed-track-color: #dce775;
  --mat-slide-toggle-selected-track-color: #dce775;
}
.bee-titeam-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bee-titeam-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-titeam-theme .back-container {
  color: #2492a6;
}
.bee-titeam-theme .back-container:hover {
  opacity: 0.54;
}
.bee-titeam-theme .warn-text {
  color: #e74737;
}
.bee-titeam-theme .inside-modal-title.primary-colored-title,
.bee-titeam-theme .form-title.primary-colored-title {
  color: #2492a6;
}
.bee-titeam-theme .full-height-container form .button-container {
  background: white;
}
.bee-titeam-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.bee-titeam-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.bee-titeam-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-titeam-theme .box-checkbox.active-box-checkbox {
  background-color: #2492a6;
  color: white;
}
.bee-titeam-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-titeam-theme .box-radio.active-box-radio {
  background-color: #2492a6;
  color: white;
}
.bee-titeam-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.bee-titeam-theme .error {
  color: #e74737;
}
.bee-titeam-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.bee-titeam-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.bee-titeam-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-titeam-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.bee-titeam-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-titeam-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-titeam-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.bee-titeam-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.bee-titeam-theme .ql-snow .ql-picker-options {
  background: white;
}
.bee-titeam-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.bee-titeam-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.bee-titeam-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.bee-titeam-theme .ql-snow .ql-fill,
.bee-titeam-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.bee-titeam-theme .ql-snow.ql-toolbar button:hover,
.bee-titeam-theme .ql-snow .ql-toolbar button:hover,
.bee-titeam-theme .ql-snow.ql-toolbar button:focus,
.bee-titeam-theme .ql-snow .ql-toolbar button:focus,
.bee-titeam-theme .ql-snow.ql-toolbar button.ql-active,
.bee-titeam-theme .ql-snow .ql-toolbar button.ql-active,
.bee-titeam-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.bee-titeam-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.bee-titeam-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.bee-titeam-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.bee-titeam-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.bee-titeam-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.bee-titeam-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.bee-titeam-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.bee-titeam-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.bee-titeam-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.bee-titeam-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.bee-titeam-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.bee-titeam-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.bee-titeam-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.bee-titeam-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-titeam-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-titeam-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-titeam-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-titeam-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-titeam-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-titeam-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-titeam-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-titeam-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-titeam-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-titeam-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-titeam-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-titeam-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-titeam-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-titeam-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-titeam-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-titeam-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-titeam-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-titeam-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-titeam-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-titeam-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.bee-titeam-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.bee-titeam-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.bee-titeam-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.bee-titeam-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.bee-titeam-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.bee-titeam-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.bee-titeam-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.bee-titeam-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-titeam-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-titeam-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-titeam-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-titeam-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-titeam-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-titeam-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-titeam-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-titeam-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.bee-titeam-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.bee-titeam-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.bee-titeam-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.bee-titeam-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.bee-titeam-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.bee-titeam-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-titeam-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-titeam-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-titeam-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-titeam-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-titeam-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-titeam-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.bee-titeam-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.bee-titeam-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-titeam-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-titeam-theme bee-form-item {
  margin-right: 0 !important;
}
.bee-titeam-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.bee-titeam-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #2492a6;
  height: 38px !important;
}
.bee-titeam-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.bee-titeam-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.bee-titeam-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.bee-titeam-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.bee-titeam-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.bee-titeam-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.bee-titeam-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.bee-titeam-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.bee-titeam-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .bee-titeam-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.bee-titeam-theme .general-container .label-wrapper label {
  color: #2492a6 !important;
  background-color: white;
}
.bee-titeam-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-titeam-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.bee-titeam-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.bee-titeam-theme .general-container .bee-selector .bee-selector-container {
  border-color: #2492a6 !important;
}
.bee-titeam-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.bee-titeam-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.bee-titeam-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.bee-titeam-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.bee-titeam-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.bee-titeam-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-titeam-theme .general-container .bee-selector .bee-selector-container:focus,
.bee-titeam-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #2492a6;
}
.bee-titeam-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.bee-titeam-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #2492a6;
}
.bee-titeam-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.bee-titeam-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #2492a6;
}
.bee-titeam-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bee-titeam-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-titeam-theme .general-container .bee-dropdown {
  background: white;
}
.bee-titeam-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #2492a6;
}
.bee-titeam-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.bee-titeam-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.bee-titeam-theme .general-container .selector-error {
  color: #e74737;
}
.bee-titeam-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-titeam-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.bee-titeam-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-titeam-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.bee-titeam-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #2492a6;
}
.bee-titeam-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bee-titeam-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-titeam-theme .move-image-action-container:hover {
  color: #2492a6;
}
.bee-titeam-theme .info-icon {
  color: #2492a6;
}
.bee-titeam-theme .email-chip {
  color: #2492a6 !important;
  background-color: rgba(36, 146, 166, 0.15) !important;
}
.bee-titeam-theme .email-chip .mat-chip-remove {
  color: #2492a6 !important;
  opacity: 1 !important;
}
.bee-titeam-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.bee-titeam-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.bee-titeam-theme .mat-badge-content {
  color: #2492a6 !important;
}
.bee-titeam-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #2492a6 !important;
}
.bee-titeam-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #2492a6 !important;
}
.bee-titeam-theme #circle-lleno {
  background: #adebff;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.bee-titeam-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.bee-titeam-theme .marine-color {
  color: #0f223e !important;
}
.bee-titeam-theme .primary-color {
  color: #2492a6 !important;
}
.bee-titeam-theme .gray-color {
  color: #C0C4CA !important;
}
.bee-titeam-theme .primary-color-200 {
  color: #92c9d3 !important;
}
.bee-titeam-theme svg.primary-fill-svg {
  fill: #2492a6 !important;
}
.bee-titeam-theme .primary-fill {
  fill: #2492a6 !important;
}
.bee-titeam-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-titeam-theme .primary-border-50 {
  border-color: #e5f2f4 !important;
}
.bee-titeam-theme .primary-border-100 {
  border-color: #bddee4 !important;
}
.bee-titeam-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.bee-titeam-theme .transparent-border-100 {
  border-color: transparent !important;
}
.bee-titeam-theme .primary-border-200 {
  border-color: #92c9d3 !important;
}
.bee-titeam-theme .primary-indicator .mat-expansion-indicator:after {
  color: #2492a6;
}
.bee-titeam-theme .contrast-background {
  background-color: #ffffff !important;
}
.bee-titeam-theme .primary-color-small {
  color: rgba(36, 146, 166, 0.6);
}
.bee-titeam-theme .marine-background {
  background-color: #0f223e !important;
}
.bee-titeam-theme .primary-background {
  background-color: #2492a6 !important;
}
.bee-titeam-theme .primary-background-50 {
  background-color: #e5f2f4 !important;
}
.bee-titeam-theme .primary-background-200 {
  background-color: #92c9d3 !important;
}
.bee-titeam-theme .primary-background-800 {
  background-color: #16758b !important;
}
.bee-titeam-theme .white-color {
  color: white !important;
}
.bee-titeam-theme .secondary-color {
  color: #adebff !important;
}
.bee-titeam-theme .secondary-background {
  background-color: #adebff !important;
}
.bee-titeam-theme .secondary-background-semi {
  background-color: #2492a6 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #2492a6 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-titeam-theme .secondary-background-full {
  background-color: #2492a6 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #2492a6 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-titeam-theme .secondary-background-empty {
  background-color: #2492a6 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #2492a6 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-titeam-theme .secondary-border {
  background-color: #adebff !important;
}
.bee-titeam-theme .tertiary-color {
  color: #47d2ff !important;
}
.bee-titeam-theme button.button-tertiary {
  background-color: #47d2ff !important;
  color: #2492a6 !important;
  border: 1px solid #2492a6 !important;
}
.bee-titeam-theme span.red-text {
  color: #DB1F35 !important;
}
.bee-titeam-theme .tertiary-background {
  background-color: #47d2ff !important;
}
.bee-titeam-theme .tertiary-border {
  border-color: #47d2ff !important;
}
.bee-titeam-theme .dark-background {
  background-color: black !important;
}
.bee-titeam-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.bee-titeam-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.bee-titeam-theme .primary-soft-background {
  background-color: rgba(36, 146, 166, 0.1) !important;
}
.bee-titeam-theme .primary-soft-background:hover {
  background-color: rgba(36, 146, 166, 0.15) !important;
}
.bee-titeam-theme .primary-border {
  border-color: #2492a6 !important;
}
.bee-titeam-theme .default-background {
  background-color: #fafafa !important;
}
.bee-titeam-theme .hover-primary:hover {
  color: #2492a6 !important;
}
.bee-titeam-theme .hover-primary-background:hover {
  background-color: #2492a6 !important;
}
.bee-titeam-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.bee-titeam-theme .warn-color {
  color: #e74737 !important;
}
.bee-titeam-theme .warn-border {
  border-color: #e74737 !important;
}
.bee-titeam-theme .accent-color {
  color: #cddc39 !important;
}
.bee-titeam-theme .accent-background {
  background-color: #cddc39 !important;
}
.bee-titeam-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.bee-titeam-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.bee-titeam-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.bee-titeam-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-titeam-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-titeam-theme .dialog-table tr .action-icon {
  color: transparent;
}
.bee-titeam-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bee-titeam-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.bee-titeam-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #2492a6;
}
.bee-titeam-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-titeam-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-titeam-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.bee-titeam-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.bee-titeam-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.bee-titeam-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-titeam-theme .card-table tr .action-icon {
  color: transparent;
}
.bee-titeam-theme .card-table tr .action-icon button {
  color: transparent;
}
.bee-titeam-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-titeam-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-titeam-theme .card-table tr:hover .action-icon button {
  color: #2492a6;
}
.bee-titeam-theme .card-table tr:hover .action-icon:hover {
  color: #2492a6;
}
.bee-titeam-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-titeam-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.bee-titeam-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-titeam-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-titeam-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #2492a6;
}
.bee-titeam-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-titeam-theme .no-hover-table tr:hover {
  background: white;
}
.bee-titeam-theme .custom-standard-chip {
  background-color: rgba(36, 146, 166, 0.1) !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .help-dashboard-card .mat-icon {
  color: #2492a6;
}
.bee-titeam-theme .help-dashboard-card:hover {
  background-color: #2492a6;
}
.bee-titeam-theme .help-dashboard-card:hover .mat-icon,
.bee-titeam-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.bee-titeam-theme .room-open {
  background-color: #2492a6 !important;
  color: white !important;
}
.bee-titeam-theme .room-open:hover {
  background-color: #2492a6 !important;
  color: white !important;
}
.bee-titeam-theme #public-office-page-groups .public-group-button-hover {
  background-color: #2492a6 !important;
  color: white !important;
}
.bee-titeam-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-titeam-theme .notification-container .show-tip {
  color: transparent;
}
.bee-titeam-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-titeam-theme .notification-container:hover .show-tip {
  color: #2492a6;
}
.bee-titeam-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-titeam-theme .notification-container .notification-subject .mat-icon {
  color: #2492a6;
}
.bee-titeam-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-titeam-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-titeam-theme .message-container .show-tip {
  color: transparent;
}
.bee-titeam-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-titeam-theme .message-container:hover .show-tip {
  color: #2492a6;
}
.bee-titeam-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-titeam-theme .message-container .message-subject .mat-icon {
  color: #2492a6;
}
.bee-titeam-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-titeam-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.bee-titeam-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.bee-titeam-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.bee-titeam-theme .primary-200-outline input {
  caret-color: #92c9d3;
  color: #2492a6;
}
.bee-titeam-theme .primary-200-outline label {
  color: #92c9d3;
}
.bee-titeam-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #92c9d3 !important;
}
.bee-titeam-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #92c9d3;
}
.bee-titeam-theme mat-form-field .primary-outline label {
  color: #2492a6 !important;
}
.bee-titeam-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #2492a6 !important;
}
.bee-titeam-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #2492a6 !important;
}
.bee-titeam-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.bee-titeam-theme .input-primary input {
  caret-color: #2492a6;
  color: #2492a6;
}
.bee-titeam-theme .input-primary label {
  color: #2492a6;
}
.bee-titeam-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #2492a6 !important;
}
.bee-titeam-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.bee-titeam-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #2492a6;
  border-width: 1px;
}
.bee-titeam-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.bee-titeam-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.bee-titeam-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.bee-titeam-theme .boton-recarga {
  background-color: #2492a6;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.bee-titeam-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.bee-titeam-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
}
.bee-titeam-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.bee-titeam-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.bee-titeam-theme .header-container button {
  padding: 0 !important;
}
.bee-titeam-theme .header-container .mat-button {
  min-width: unset !important;
}
.bee-titeam-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.bee-titeam-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bee-titeam-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.bee-titeam-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.bee-titeam-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.bee-titeam-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-titeam-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-titeam-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-titeam-theme .input-recarga-marine {
  border: 1px solid #2492a6 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.bee-titeam-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-titeam-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-titeam-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-titeam-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-titeam-theme .color-primary {
  color: #2492a6 !important;
  fill: #2492a6 !important;
}
.bee-titeam-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.bee-titeam-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.bee-titeam-theme .primary-contrast {
  color: #ffffff !important;
}
.bee-titeam-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.bee-titeam-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-titeam-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-titeam-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-titeam-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-titeam-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-titeam-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-titeam-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-titeam-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #adebff !important;
}
.bee-titeam-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-titeam-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .mat-checkbox-checked .mat-checkbox-background,
.bee-titeam-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #2492a6 !important;
}
.bee-titeam-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-titeam-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-titeam-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #92c9d3 !important;
}
.bee-titeam-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-titeam-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.bee-titeam-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.bee-titeam-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.bee-titeam-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-titeam-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-titeam-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-titeam-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #2492a6 !important;
}
.bee-titeam-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-titeam-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-titeam-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-titeam-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-titeam-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-titeam-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.bee-titeam-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.bee-titeam-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-titeam-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-titeam-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #adebff !important;
}
.bee-titeam-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #adebff !important;
}
.bee-titeam-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.bee-titeam-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.bee-titeam-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bee-titeam-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bee-titeam-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.bee-titeam-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #adebff !important;
}
.bee-titeam-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #adebff !important;
}
.bee-titeam-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.bee-titeam-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.bee-titeam-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #47d2ff !important;
}
.bee-titeam-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #47d2ff !important;
}
.bee-titeam-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #47d2ff !important;
}
.bee-titeam-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #47d2ff !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bee-titeam-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #47d2ff !important;
}
.bee-titeam-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #47d2ff !important;
}
.bee-titeam-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bee-titeam-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.bee-titeam-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bee-titeam-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.bee-titeam-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.bee-titeam-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #2492a6 !important;
}
.bee-titeam-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.bee-titeam-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #2492a6 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.bee-titeam-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.bee-titeam-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.bee-titeam-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.bee-titeam-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.bee-titeam-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.bee-titeam-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #adebff !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-titeam-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #2492a6 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #2492a6 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-titeam-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #2492a6 !important;
}
.bee-titeam-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.bee-titeam-theme .button-text-hidden {
  display: none;
}
.bee-red-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #e53935;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #cddc39;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #cddc39;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e53935 87%, transparent);
  --mat-form-field-filled-caret-color: #e53935;
  --mat-form-field-filled-focus-active-indicator-color: #e53935;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e53935 87%, transparent);
  --mat-form-field-outlined-caret-color: #e53935;
  --mat-form-field-outlined-focus-outline-color: #e53935;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e53935 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e53935;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e53935;
  --mat-slide-toggle-selected-handle-color: #e53935;
  --mat-slide-toggle-selected-hover-state-layer-color: #e53935;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e53935;
  --mat-slide-toggle-selected-focus-handle-color: #e53935;
  --mat-slide-toggle-selected-hover-handle-color: #e53935;
  --mat-slide-toggle-selected-pressed-handle-color: #e53935;
  --mat-slide-toggle-selected-focus-track-color: #ed7472;
  --mat-slide-toggle-selected-hover-track-color: #ed7472;
  --mat-slide-toggle-selected-pressed-track-color: #ed7472;
  --mat-slide-toggle-selected-track-color: #ed7472;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #e53935;
  --mat-slider-focus-handle-color: #e53935;
  --mat-slider-handle-color: #e53935;
  --mat-slider-hover-handle-color: #e53935;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e53935 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e53935 4%, transparent);
  --mat-slider-inactive-track-color: #e53935;
  --mat-slider-ripple-color: #e53935;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e53935;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #cddc39;
  --mat-checkbox-selected-hover-icon-color: #cddc39;
  --mat-checkbox-selected-icon-color: #cddc39;
  --mat-checkbox-selected-pressed-icon-color: #cddc39;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #cddc39;
  --mat-checkbox-selected-hover-state-layer-color: #cddc39;
  --mat-checkbox-selected-pressed-state-layer-color: #cddc39;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #ed7472;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #e53935;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #e53935;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e53935 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e53935;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e53935 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e53935 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e53935 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e53935;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e53935;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e53935;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e53935;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e53935;
  --mat-slide-toggle-selected-handle-color: #e53935;
  --mat-slide-toggle-selected-hover-state-layer-color: #e53935;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e53935;
  --mat-slide-toggle-selected-focus-handle-color: #e53935;
  --mat-slide-toggle-selected-hover-handle-color: #e53935;
  --mat-slide-toggle-selected-pressed-handle-color: #e53935;
  --mat-slide-toggle-selected-focus-track-color: #ed7472;
  --mat-slide-toggle-selected-hover-track-color: #ed7472;
  --mat-slide-toggle-selected-pressed-track-color: #ed7472;
  --mat-slide-toggle-selected-track-color: #ed7472;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-red-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #cddc39;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-red-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-red-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #e53935;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e53935;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-red-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #cddc39;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #cddc39;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-red-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-red-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #e53935;
  --mat-progress-bar-track-color: rgba(229, 57, 53, 0.25);
}
.bee-red-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #cddc39;
  --mat-progress-bar-track-color: rgba(205, 220, 57, 0.25);
}
.bee-red-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.bee-red-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #cddc39 87%, transparent);
  --mat-form-field-filled-caret-color: #cddc39;
  --mat-form-field-filled-focus-active-indicator-color: #cddc39;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #cddc39 87%, transparent);
  --mat-form-field-outlined-caret-color: #cddc39;
  --mat-form-field-outlined-focus-outline-color: #cddc39;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #cddc39 87%, transparent);
}
.bee-red-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.bee-red-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #cddc39;
  --mat-select-invalid-arrow-color: #e74737;
}
.bee-red-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.bee-red-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.bee-red-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-red-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.bee-red-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e53935;
  --mat-chip-elevated-disabled-container-color: #e53935;
  --mat-chip-elevated-selected-container-color: #e53935;
  --mat-chip-flat-disabled-selected-container-color: #e53935;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bee-red-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.bee-red-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: #cddc39;
  --mat-chip-elevated-disabled-container-color: #cddc39;
  --mat-chip-elevated-selected-container-color: #cddc39;
  --mat-chip-flat-disabled-selected-container-color: #cddc39;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-red-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.bee-red-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bee-red-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.bee-red-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.bee-red-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-focus-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-handle-color: #cddc39;
  --mat-slide-toggle-selected-pressed-handle-color: #cddc39;
  --mat-slide-toggle-selected-focus-track-color: #dce775;
  --mat-slide-toggle-selected-hover-track-color: #dce775;
  --mat-slide-toggle-selected-pressed-track-color: #dce775;
  --mat-slide-toggle-selected-track-color: #dce775;
}
.bee-red-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bee-red-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-red-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #e53935;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e53935;
  --mat-radio-selected-hover-icon-color: #e53935;
  --mat-radio-selected-icon-color: #e53935;
  --mat-radio-selected-pressed-icon-color: #e53935;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-red-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #cddc39;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #cddc39;
  --mat-radio-selected-hover-icon-color: #cddc39;
  --mat-radio-selected-icon-color: #cddc39;
  --mat-radio-selected-pressed-icon-color: #cddc39;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-red-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-red-theme .mat-accent {
  --mat-slider-active-track-color: #cddc39;
  --mat-slider-focus-handle-color: #cddc39;
  --mat-slider-handle-color: #cddc39;
  --mat-slider-hover-handle-color: #cddc39;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #cddc39 4%, transparent);
  --mat-slider-inactive-track-color: #cddc39;
  --mat-slider-ripple-color: #cddc39;
  --mat-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-inactive-container-color: #cddc39;
}
.bee-red-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.bee-red-theme .mdc-list-item__start,
.bee-red-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e53935;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e53935;
  --mat-radio-selected-hover-icon-color: #e53935;
  --mat-radio-selected-icon-color: #e53935;
  --mat-radio-selected-pressed-icon-color: #e53935;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-red-theme .mat-accent .mdc-list-item__start,
.bee-red-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #cddc39;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #cddc39;
  --mat-radio-selected-hover-icon-color: #cddc39;
  --mat-radio-selected-icon-color: #cddc39;
  --mat-radio-selected-pressed-icon-color: #cddc39;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-red-theme .mat-warn .mdc-list-item__start,
.bee-red-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-red-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e53935;
  --mat-checkbox-selected-hover-icon-color: #e53935;
  --mat-checkbox-selected-icon-color: #e53935;
  --mat-checkbox-selected-pressed-icon-color: #e53935;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e53935;
  --mat-checkbox-selected-hover-state-layer-color: #e53935;
  --mat-checkbox-selected-pressed-state-layer-color: #e53935;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-red-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #cddc39;
  --mat-checkbox-selected-hover-icon-color: #cddc39;
  --mat-checkbox-selected-icon-color: #cddc39;
  --mat-checkbox-selected-pressed-icon-color: #cddc39;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #cddc39;
  --mat-checkbox-selected-hover-state-layer-color: #cddc39;
  --mat-checkbox-selected-pressed-state-layer-color: #cddc39;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-red-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-red-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.bee-red-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.bee-red-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.bee-red-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #e53935;
}
.bee-red-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.bee-red-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.bee-red-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.bee-red-theme .mdc-list-item__start,
.bee-red-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.bee-red-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.bee-red-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.bee-red-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.bee-red-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.bee-red-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.bee-red-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.bee-red-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.bee-red-theme .mat-mdc-tab-group,
.bee-red-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e53935;
  --mat-tab-active-ripple-color: #e53935;
  --mat-tab-inactive-ripple-color: #e53935;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e53935;
  --mat-tab-active-hover-label-text-color: #e53935;
  --mat-tab-active-focus-indicator-color: #e53935;
  --mat-tab-active-hover-indicator-color: #e53935;
  --mat-tab-active-indicator-color: #e53935;
}
.bee-red-theme .mat-mdc-tab-group.mat-accent,
.bee-red-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #cddc39;
  --mat-tab-active-ripple-color: #cddc39;
  --mat-tab-inactive-ripple-color: #cddc39;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #cddc39;
  --mat-tab-active-hover-label-text-color: #cddc39;
  --mat-tab-active-focus-indicator-color: #cddc39;
  --mat-tab-active-hover-indicator-color: #cddc39;
  --mat-tab-active-indicator-color: #cddc39;
}
.bee-red-theme .mat-mdc-tab-group.mat-warn,
.bee-red-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.bee-red-theme .mat-mdc-tab-group.mat-background-primary,
.bee-red-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #e53935;
  --mat-tab-foreground-color: #ffffff;
}
.bee-red-theme .mat-mdc-tab-group.mat-background-accent,
.bee-red-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #cddc39;
  --mat-tab-foreground-color: rgba(0, 0, 0, 0.87);
}
.bee-red-theme .mat-mdc-tab-group.mat-background-warn,
.bee-red-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.bee-red-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.bee-red-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.bee-red-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e53935;
  --mat-checkbox-selected-hover-icon-color: #e53935;
  --mat-checkbox-selected-icon-color: #e53935;
  --mat-checkbox-selected-pressed-icon-color: #e53935;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e53935;
  --mat-checkbox-selected-hover-state-layer-color: #e53935;
  --mat-checkbox-selected-pressed-state-layer-color: #e53935;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-red-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-red-theme .mat-mdc-button.mat-primary,
.bee-red-theme .mat-mdc-unelevated-button.mat-primary,
.bee-red-theme .mat-mdc-raised-button.mat-primary,
.bee-red-theme .mat-mdc-outlined-button.mat-primary,
.bee-red-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #e53935;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e53935;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e53935 12%, transparent);
  --mat-button-outlined-state-layer-color: #e53935;
  --mat-button-protected-container-color: #e53935;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e53935;
  --mat-button-text-ripple-color: color-mix(in srgb, #e53935 12%, transparent);
  --mat-button-text-state-layer-color: #e53935;
  --mat-button-tonal-container-color: #e53935;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bee-red-theme .mat-mdc-button.mat-accent,
.bee-red-theme .mat-mdc-unelevated-button.mat-accent,
.bee-red-theme .mat-mdc-raised-button.mat-accent,
.bee-red-theme .mat-mdc-outlined-button.mat-accent,
.bee-red-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #cddc39;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-label-text-color: #cddc39;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-button-outlined-state-layer-color: #cddc39;
  --mat-button-protected-container-color: #cddc39;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-label-text-color: #cddc39;
  --mat-button-text-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-button-text-state-layer-color: #cddc39;
  --mat-button-tonal-container-color: #cddc39;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-red-theme .mat-mdc-button.mat-warn,
.bee-red-theme .mat-mdc-unelevated-button.mat-warn,
.bee-red-theme .mat-mdc-raised-button.mat-warn,
.bee-red-theme .mat-mdc-outlined-button.mat-warn,
.bee-red-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bee-red-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #e53935;
  --mat-icon-button-state-layer-color: #e53935;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e53935 12%, transparent);
}
.bee-red-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #cddc39;
  --mat-icon-button-state-layer-color: #cddc39;
  --mat-icon-button-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
}
.bee-red-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.bee-red-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.bee-red-theme .mat-mdc-fab.mat-primary,
.bee-red-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #e53935;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e53935 12%, transparent);
  --mat-fab-small-container-color: #e53935;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bee-red-theme .mat-mdc-fab.mat-accent,
.bee-red-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #cddc39;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-fab-small-container-color: #cddc39;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-red-theme .mat-mdc-fab.mat-warn,
.bee-red-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bee-red-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #cddc39;
}
.bee-red-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.bee-red-theme .mat-badge-accent {
  --mat-badge-background-color: #cddc39;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
}
.bee-red-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.bee-red-theme .mat-datepicker-content.mat-accent,
.bee-red-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #cddc39;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #cddc39 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #cddc39 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #cddc39;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-red-theme .mat-datepicker-content.mat-warn,
.bee-red-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-red-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.bee-red-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.bee-red-theme .mat-icon.mat-primary {
  --mat-icon-color: #e53935;
}
.bee-red-theme .mat-icon.mat-accent {
  --mat-icon-color: #cddc39;
}
.bee-red-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.bee-red-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #cddc39;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #cddc39;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #cddc39;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}
.bee-red-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.bee-red-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #e53935;
  --mat-toolbar-container-text-color: #ffffff;
}
.bee-red-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #cddc39;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-red-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.bee-red-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-focus-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-handle-color: #cddc39;
  --mat-slide-toggle-selected-pressed-handle-color: #cddc39;
  --mat-slide-toggle-selected-focus-track-color: #dce775;
  --mat-slide-toggle-selected-hover-track-color: #dce775;
  --mat-slide-toggle-selected-pressed-track-color: #dce775;
  --mat-slide-toggle-selected-track-color: #dce775;
}
.bee-red-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bee-red-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-red-theme .back-container {
  color: #e53935;
}
.bee-red-theme .back-container:hover {
  opacity: 0.54;
}
.bee-red-theme .warn-text {
  color: #e74737;
}
.bee-red-theme .inside-modal-title.primary-colored-title,
.bee-red-theme .form-title.primary-colored-title {
  color: #e53935;
}
.bee-red-theme .full-height-container form .button-container {
  background: white;
}
.bee-red-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.bee-red-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.bee-red-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-red-theme .box-checkbox.active-box-checkbox {
  background-color: #e53935;
  color: white;
}
.bee-red-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-red-theme .box-radio.active-box-radio {
  background-color: #e53935;
  color: white;
}
.bee-red-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.bee-red-theme .error {
  color: #e74737;
}
.bee-red-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.bee-red-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.bee-red-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-red-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.bee-red-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-red-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-red-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.bee-red-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.bee-red-theme .ql-snow .ql-picker-options {
  background: white;
}
.bee-red-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.bee-red-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.bee-red-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.bee-red-theme .ql-snow .ql-fill,
.bee-red-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.bee-red-theme .ql-snow.ql-toolbar button:hover,
.bee-red-theme .ql-snow .ql-toolbar button:hover,
.bee-red-theme .ql-snow.ql-toolbar button:focus,
.bee-red-theme .ql-snow .ql-toolbar button:focus,
.bee-red-theme .ql-snow.ql-toolbar button.ql-active,
.bee-red-theme .ql-snow .ql-toolbar button.ql-active,
.bee-red-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.bee-red-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.bee-red-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.bee-red-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.bee-red-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.bee-red-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.bee-red-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.bee-red-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.bee-red-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.bee-red-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.bee-red-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.bee-red-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.bee-red-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.bee-red-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.bee-red-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-red-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-red-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-red-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-red-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-red-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-red-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-red-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-red-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-red-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-red-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-red-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-red-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-red-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-red-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-red-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-red-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-red-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-red-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-red-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-red-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.bee-red-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.bee-red-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.bee-red-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.bee-red-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.bee-red-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.bee-red-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.bee-red-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.bee-red-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-red-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-red-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-red-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-red-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-red-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-red-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-red-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-red-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.bee-red-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.bee-red-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.bee-red-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.bee-red-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.bee-red-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.bee-red-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-red-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-red-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-red-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-red-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-red-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-red-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.bee-red-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.bee-red-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-red-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-red-theme bee-form-item {
  margin-right: 0 !important;
}
.bee-red-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.bee-red-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #e53935;
  height: 38px !important;
}
.bee-red-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.bee-red-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.bee-red-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.bee-red-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.bee-red-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.bee-red-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.bee-red-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.bee-red-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.bee-red-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .bee-red-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.bee-red-theme .general-container .label-wrapper label {
  color: #e53935 !important;
  background-color: white;
}
.bee-red-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-red-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.bee-red-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.bee-red-theme .general-container .bee-selector .bee-selector-container {
  border-color: #e53935 !important;
}
.bee-red-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.bee-red-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.bee-red-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.bee-red-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.bee-red-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.bee-red-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-red-theme .general-container .bee-selector .bee-selector-container:focus,
.bee-red-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #e53935;
}
.bee-red-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.bee-red-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #e53935;
}
.bee-red-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.bee-red-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #e53935;
}
.bee-red-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bee-red-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-red-theme .general-container .bee-dropdown {
  background: white;
}
.bee-red-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #e53935;
}
.bee-red-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.bee-red-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.bee-red-theme .general-container .selector-error {
  color: #e74737;
}
.bee-red-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-red-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.bee-red-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-red-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.bee-red-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #e53935;
}
.bee-red-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bee-red-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-red-theme .move-image-action-container:hover {
  color: #e53935;
}
.bee-red-theme .info-icon {
  color: #e53935;
}
.bee-red-theme .email-chip {
  color: #e53935 !important;
  background-color: rgba(229, 57, 53, 0.15) !important;
}
.bee-red-theme .email-chip .mat-chip-remove {
  color: #e53935 !important;
  opacity: 1 !important;
}
.bee-red-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.bee-red-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.bee-red-theme .mat-badge-content {
  color: #e53935 !important;
}
.bee-red-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #e53935 !important;
}
.bee-red-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #e53935 !important;
}
.bee-red-theme #circle-lleno {
  background: #ffffff;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.bee-red-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.bee-red-theme .marine-color {
  color: #0f223e !important;
}
.bee-red-theme .primary-color {
  color: #e53935 !important;
}
.bee-red-theme .gray-color {
  color: #C0C4CA !important;
}
.bee-red-theme .primary-color-200 {
  color: #f29c9a !important;
}
.bee-red-theme svg.primary-fill-svg {
  fill: #e53935 !important;
}
.bee-red-theme .primary-fill {
  fill: #e53935 !important;
}
.bee-red-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-red-theme .primary-border-50 {
  border-color: #fce7e7 !important;
}
.bee-red-theme .primary-border-100 {
  border-color: #f7c4c2 !important;
}
.bee-red-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.bee-red-theme .transparent-border-100 {
  border-color: transparent !important;
}
.bee-red-theme .primary-border-200 {
  border-color: #f29c9a !important;
}
.bee-red-theme .primary-indicator .mat-expansion-indicator:after {
  color: #e53935;
}
.bee-red-theme .contrast-background {
  background-color: #ffffff !important;
}
.bee-red-theme .primary-color-small {
  color: rgba(229, 57, 53, 0.6);
}
.bee-red-theme .marine-background {
  background-color: #0f223e !important;
}
.bee-red-theme .primary-background {
  background-color: #e53935 !important;
}
.bee-red-theme .primary-background-50 {
  background-color: #fce7e7 !important;
}
.bee-red-theme .primary-background-200 {
  background-color: #f29c9a !important;
}
.bee-red-theme .primary-background-800 {
  background-color: #da2422 !important;
}
.bee-red-theme .white-color {
  color: white !important;
}
.bee-red-theme .secondary-color {
  color: #ffffff !important;
}
.bee-red-theme .secondary-background {
  background-color: #ffffff !important;
}
.bee-red-theme .secondary-background-semi {
  background-color: #e53935 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #e53935 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-red-theme .secondary-background-full {
  background-color: #e53935 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #e53935 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-red-theme .secondary-background-empty {
  background-color: #e53935 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #e53935 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-red-theme .secondary-border {
  background-color: #ffffff !important;
}
.bee-red-theme .tertiary-color {
  color: #ff9f9e !important;
}
.bee-red-theme button.button-tertiary {
  background-color: #ff9f9e !important;
  color: #e53935 !important;
  border: 1px solid #e53935 !important;
}
.bee-red-theme span.red-text {
  color: #DB1F35 !important;
}
.bee-red-theme .tertiary-background {
  background-color: #ff9f9e !important;
}
.bee-red-theme .tertiary-border {
  border-color: #ff9f9e !important;
}
.bee-red-theme .dark-background {
  background-color: black !important;
}
.bee-red-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.bee-red-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.bee-red-theme .primary-soft-background {
  background-color: rgba(229, 57, 53, 0.1) !important;
}
.bee-red-theme .primary-soft-background:hover {
  background-color: rgba(229, 57, 53, 0.15) !important;
}
.bee-red-theme .primary-border {
  border-color: #e53935 !important;
}
.bee-red-theme .default-background {
  background-color: #fafafa !important;
}
.bee-red-theme .hover-primary:hover {
  color: #e53935 !important;
}
.bee-red-theme .hover-primary-background:hover {
  background-color: #e53935 !important;
}
.bee-red-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.bee-red-theme .warn-color {
  color: #e74737 !important;
}
.bee-red-theme .warn-border {
  border-color: #e74737 !important;
}
.bee-red-theme .accent-color {
  color: #cddc39 !important;
}
.bee-red-theme .accent-background {
  background-color: #cddc39 !important;
}
.bee-red-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.bee-red-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.bee-red-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.bee-red-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-red-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-red-theme .dialog-table tr .action-icon {
  color: transparent;
}
.bee-red-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bee-red-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.bee-red-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #e53935;
}
.bee-red-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-red-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-red-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.bee-red-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.bee-red-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.bee-red-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-red-theme .card-table tr .action-icon {
  color: transparent;
}
.bee-red-theme .card-table tr .action-icon button {
  color: transparent;
}
.bee-red-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-red-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-red-theme .card-table tr:hover .action-icon button {
  color: #e53935;
}
.bee-red-theme .card-table tr:hover .action-icon:hover {
  color: #e53935;
}
.bee-red-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-red-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.bee-red-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-red-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-red-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #e53935;
}
.bee-red-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-red-theme .no-hover-table tr:hover {
  background: white;
}
.bee-red-theme .custom-standard-chip {
  background-color: rgba(229, 57, 53, 0.1) !important;
  color: #e53935 !important;
}
.bee-red-theme .help-dashboard-card .mat-icon {
  color: #e53935;
}
.bee-red-theme .help-dashboard-card:hover {
  background-color: #e53935;
}
.bee-red-theme .help-dashboard-card:hover .mat-icon,
.bee-red-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.bee-red-theme .room-open {
  background-color: #e53935 !important;
  color: white !important;
}
.bee-red-theme .room-open:hover {
  background-color: #e53935 !important;
  color: white !important;
}
.bee-red-theme #public-office-page-groups .public-group-button-hover {
  background-color: #e53935 !important;
  color: white !important;
}
.bee-red-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-red-theme .notification-container .show-tip {
  color: transparent;
}
.bee-red-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-red-theme .notification-container:hover .show-tip {
  color: #e53935;
}
.bee-red-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-red-theme .notification-container .notification-subject .mat-icon {
  color: #e53935;
}
.bee-red-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-red-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-red-theme .message-container .show-tip {
  color: transparent;
}
.bee-red-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-red-theme .message-container:hover .show-tip {
  color: #e53935;
}
.bee-red-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-red-theme .message-container .message-subject .mat-icon {
  color: #e53935;
}
.bee-red-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-red-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.bee-red-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.bee-red-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.bee-red-theme .primary-200-outline input {
  caret-color: #f29c9a;
  color: #e53935;
}
.bee-red-theme .primary-200-outline label {
  color: #f29c9a;
}
.bee-red-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #f29c9a !important;
}
.bee-red-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #f29c9a;
}
.bee-red-theme mat-form-field .primary-outline label {
  color: #e53935 !important;
}
.bee-red-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #e53935 !important;
}
.bee-red-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #e53935 !important;
}
.bee-red-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.bee-red-theme .input-primary input {
  caret-color: #e53935;
  color: #e53935;
}
.bee-red-theme .input-primary label {
  color: #e53935;
}
.bee-red-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #e53935 !important;
}
.bee-red-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.bee-red-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #e53935;
  border-width: 1px;
}
.bee-red-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.bee-red-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.bee-red-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.bee-red-theme .boton-recarga {
  background-color: #e53935;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.bee-red-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.bee-red-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
}
.bee-red-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.bee-red-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.bee-red-theme .header-container button {
  padding: 0 !important;
}
.bee-red-theme .header-container .mat-button {
  min-width: unset !important;
}
.bee-red-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.bee-red-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bee-red-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.bee-red-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.bee-red-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.bee-red-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-red-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-red-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-red-theme .input-recarga-marine {
  border: 1px solid #e53935 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.bee-red-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-red-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-red-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-red-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-red-theme .color-primary {
  color: #e53935 !important;
  fill: #e53935 !important;
}
.bee-red-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.bee-red-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.bee-red-theme .primary-contrast {
  color: #ffffff !important;
}
.bee-red-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #e53935 !important;
}
.bee-red-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #e53935 !important;
}
.bee-red-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.bee-red-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #e53935 !important;
}
.bee-red-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-red-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-red-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-red-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #e53935 !important;
}
.bee-red-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #e53935 !important;
}
.bee-red-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #e53935 !important;
}
.bee-red-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #e53935 !important;
}
.bee-red-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #e53935 !important;
}
.bee-red-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-red-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #e53935 !important;
}
.bee-red-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-red-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #e53935 !important;
}
.bee-red-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-red-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-red-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #e53935 !important;
}
.bee-red-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.bee-red-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-red-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #e53935 !important;
}
.bee-red-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #e53935 !important;
}
.bee-red-theme .mat-checkbox-checked .mat-checkbox-background,
.bee-red-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #e53935 !important;
}
.bee-red-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #e53935 !important;
}
.bee-red-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-red-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #e53935 !important;
}
.bee-red-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-red-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #e53935 !important;
}
.bee-red-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #f29c9a !important;
}
.bee-red-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #e53935 !important;
}
.bee-red-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-red-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.bee-red-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.bee-red-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.bee-red-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #e53935 !important;
}
.bee-red-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #e53935 !important;
}
.bee-red-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #e53935 !important;
}
.bee-red-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-red-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #e53935 !important;
}
.bee-red-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #e53935 !important;
}
.bee-red-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #e53935 !important;
}
.bee-red-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-red-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-red-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #e53935 !important;
}
.bee-red-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #e53935 !important;
}
.bee-red-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-red-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-red-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #e53935 !important;
}
.bee-red-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-red-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-red-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-red-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #e53935 !important;
}
.bee-red-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.bee-red-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #e53935 !important;
}
.bee-red-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #e53935 !important;
}
.bee-red-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #e53935 !important;
}
.bee-red-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.bee-red-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-red-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-red-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #e53935 !important;
}
.bee-red-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #e53935 !important;
}
.bee-red-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-red-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.bee-red-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.bee-red-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e53935 !important;
}
.bee-red-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e53935 !important;
}
.bee-red-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.bee-red-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #e53935 !important;
}
.bee-red-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #e53935 !important;
}
.bee-red-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bee-red-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bee-red-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.bee-red-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bee-red-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bee-red-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.bee-red-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.bee-red-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ff9f9e !important;
}
.bee-red-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ff9f9e !important;
}
.bee-red-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ff9f9e !important;
}
.bee-red-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ff9f9e !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bee-red-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ff9f9e !important;
}
.bee-red-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #ff9f9e !important;
}
.bee-red-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #e53935 !important;
}
.bee-red-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #e53935 !important;
}
.bee-red-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #e53935 !important;
}
.bee-red-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bee-red-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.bee-red-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bee-red-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.bee-red-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.bee-red-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #e53935 !important;
}
.bee-red-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #e53935 !important;
}
.bee-red-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #e53935 !important;
}
.bee-red-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #e53935 !important;
}
.bee-red-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #e53935 !important;
}
.bee-red-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #e53935 !important;
}
.bee-red-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.bee-red-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #e53935 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.bee-red-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.bee-red-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.bee-red-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.bee-red-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.bee-red-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.bee-red-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #ffffff !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-red-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #e53935 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #e53935 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-red-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #e53935 !important;
}
.bee-red-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.bee-red-theme .button-text-hidden {
  display: none;
}
.bee-pink-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #d81b60;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #cddc39;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #cddc39;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #d81b60 87%, transparent);
  --mat-form-field-filled-caret-color: #d81b60;
  --mat-form-field-filled-focus-active-indicator-color: #d81b60;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #d81b60 87%, transparent);
  --mat-form-field-outlined-caret-color: #d81b60;
  --mat-form-field-outlined-focus-outline-color: #d81b60;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #d81b60 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #d81b60;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #d81b60;
  --mat-slide-toggle-selected-handle-color: #d81b60;
  --mat-slide-toggle-selected-hover-state-layer-color: #d81b60;
  --mat-slide-toggle-selected-pressed-state-layer-color: #d81b60;
  --mat-slide-toggle-selected-focus-handle-color: #d81b60;
  --mat-slide-toggle-selected-hover-handle-color: #d81b60;
  --mat-slide-toggle-selected-pressed-handle-color: #d81b60;
  --mat-slide-toggle-selected-focus-track-color: #e45f90;
  --mat-slide-toggle-selected-hover-track-color: #e45f90;
  --mat-slide-toggle-selected-pressed-track-color: #e45f90;
  --mat-slide-toggle-selected-track-color: #e45f90;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #d81b60;
  --mat-slider-focus-handle-color: #d81b60;
  --mat-slider-handle-color: #d81b60;
  --mat-slider-hover-handle-color: #d81b60;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #d81b60 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #d81b60 4%, transparent);
  --mat-slider-inactive-track-color: #d81b60;
  --mat-slider-ripple-color: #d81b60;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #d81b60;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #cddc39;
  --mat-checkbox-selected-hover-icon-color: #cddc39;
  --mat-checkbox-selected-icon-color: #cddc39;
  --mat-checkbox-selected-pressed-icon-color: #cddc39;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #cddc39;
  --mat-checkbox-selected-hover-state-layer-color: #cddc39;
  --mat-checkbox-selected-pressed-state-layer-color: #cddc39;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #e45f90;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #d81b60;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #d81b60;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #d81b60 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #d81b60;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #d81b60 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #d81b60 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #d81b60 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #d81b60;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #d81b60;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #d81b60;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #d81b60;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #d81b60;
  --mat-slide-toggle-selected-handle-color: #d81b60;
  --mat-slide-toggle-selected-hover-state-layer-color: #d81b60;
  --mat-slide-toggle-selected-pressed-state-layer-color: #d81b60;
  --mat-slide-toggle-selected-focus-handle-color: #d81b60;
  --mat-slide-toggle-selected-hover-handle-color: #d81b60;
  --mat-slide-toggle-selected-pressed-handle-color: #d81b60;
  --mat-slide-toggle-selected-focus-track-color: #e45f90;
  --mat-slide-toggle-selected-hover-track-color: #e45f90;
  --mat-slide-toggle-selected-pressed-track-color: #e45f90;
  --mat-slide-toggle-selected-track-color: #e45f90;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-pink-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #cddc39;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-pink-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-pink-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #d81b60;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #d81b60;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-pink-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #cddc39;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #cddc39;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-pink-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-pink-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #d81b60;
  --mat-progress-bar-track-color: rgba(216, 27, 96, 0.25);
}
.bee-pink-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #cddc39;
  --mat-progress-bar-track-color: rgba(205, 220, 57, 0.25);
}
.bee-pink-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.bee-pink-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #cddc39 87%, transparent);
  --mat-form-field-filled-caret-color: #cddc39;
  --mat-form-field-filled-focus-active-indicator-color: #cddc39;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #cddc39 87%, transparent);
  --mat-form-field-outlined-caret-color: #cddc39;
  --mat-form-field-outlined-focus-outline-color: #cddc39;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #cddc39 87%, transparent);
}
.bee-pink-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.bee-pink-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #cddc39;
  --mat-select-invalid-arrow-color: #e74737;
}
.bee-pink-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.bee-pink-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.bee-pink-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-pink-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.bee-pink-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #d81b60;
  --mat-chip-elevated-disabled-container-color: #d81b60;
  --mat-chip-elevated-selected-container-color: #d81b60;
  --mat-chip-flat-disabled-selected-container-color: #d81b60;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bee-pink-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.bee-pink-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: #cddc39;
  --mat-chip-elevated-disabled-container-color: #cddc39;
  --mat-chip-elevated-selected-container-color: #cddc39;
  --mat-chip-flat-disabled-selected-container-color: #cddc39;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-pink-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.bee-pink-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bee-pink-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.bee-pink-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.bee-pink-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-focus-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-handle-color: #cddc39;
  --mat-slide-toggle-selected-pressed-handle-color: #cddc39;
  --mat-slide-toggle-selected-focus-track-color: #dce775;
  --mat-slide-toggle-selected-hover-track-color: #dce775;
  --mat-slide-toggle-selected-pressed-track-color: #dce775;
  --mat-slide-toggle-selected-track-color: #dce775;
}
.bee-pink-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bee-pink-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-pink-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #d81b60;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #d81b60;
  --mat-radio-selected-hover-icon-color: #d81b60;
  --mat-radio-selected-icon-color: #d81b60;
  --mat-radio-selected-pressed-icon-color: #d81b60;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-pink-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #cddc39;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #cddc39;
  --mat-radio-selected-hover-icon-color: #cddc39;
  --mat-radio-selected-icon-color: #cddc39;
  --mat-radio-selected-pressed-icon-color: #cddc39;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-pink-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-pink-theme .mat-accent {
  --mat-slider-active-track-color: #cddc39;
  --mat-slider-focus-handle-color: #cddc39;
  --mat-slider-handle-color: #cddc39;
  --mat-slider-hover-handle-color: #cddc39;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #cddc39 4%, transparent);
  --mat-slider-inactive-track-color: #cddc39;
  --mat-slider-ripple-color: #cddc39;
  --mat-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-inactive-container-color: #cddc39;
}
.bee-pink-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.bee-pink-theme .mdc-list-item__start,
.bee-pink-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #d81b60;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #d81b60;
  --mat-radio-selected-hover-icon-color: #d81b60;
  --mat-radio-selected-icon-color: #d81b60;
  --mat-radio-selected-pressed-icon-color: #d81b60;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-pink-theme .mat-accent .mdc-list-item__start,
.bee-pink-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #cddc39;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #cddc39;
  --mat-radio-selected-hover-icon-color: #cddc39;
  --mat-radio-selected-icon-color: #cddc39;
  --mat-radio-selected-pressed-icon-color: #cddc39;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-pink-theme .mat-warn .mdc-list-item__start,
.bee-pink-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-pink-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #d81b60;
  --mat-checkbox-selected-hover-icon-color: #d81b60;
  --mat-checkbox-selected-icon-color: #d81b60;
  --mat-checkbox-selected-pressed-icon-color: #d81b60;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #d81b60;
  --mat-checkbox-selected-hover-state-layer-color: #d81b60;
  --mat-checkbox-selected-pressed-state-layer-color: #d81b60;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-pink-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #cddc39;
  --mat-checkbox-selected-hover-icon-color: #cddc39;
  --mat-checkbox-selected-icon-color: #cddc39;
  --mat-checkbox-selected-pressed-icon-color: #cddc39;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #cddc39;
  --mat-checkbox-selected-hover-state-layer-color: #cddc39;
  --mat-checkbox-selected-pressed-state-layer-color: #cddc39;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-pink-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-pink-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.bee-pink-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.bee-pink-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.bee-pink-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #d81b60;
}
.bee-pink-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.bee-pink-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.bee-pink-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.bee-pink-theme .mdc-list-item__start,
.bee-pink-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.bee-pink-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.bee-pink-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.bee-pink-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.bee-pink-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.bee-pink-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.bee-pink-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.bee-pink-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.bee-pink-theme .mat-mdc-tab-group,
.bee-pink-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #d81b60;
  --mat-tab-active-ripple-color: #d81b60;
  --mat-tab-inactive-ripple-color: #d81b60;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #d81b60;
  --mat-tab-active-hover-label-text-color: #d81b60;
  --mat-tab-active-focus-indicator-color: #d81b60;
  --mat-tab-active-hover-indicator-color: #d81b60;
  --mat-tab-active-indicator-color: #d81b60;
}
.bee-pink-theme .mat-mdc-tab-group.mat-accent,
.bee-pink-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #cddc39;
  --mat-tab-active-ripple-color: #cddc39;
  --mat-tab-inactive-ripple-color: #cddc39;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #cddc39;
  --mat-tab-active-hover-label-text-color: #cddc39;
  --mat-tab-active-focus-indicator-color: #cddc39;
  --mat-tab-active-hover-indicator-color: #cddc39;
  --mat-tab-active-indicator-color: #cddc39;
}
.bee-pink-theme .mat-mdc-tab-group.mat-warn,
.bee-pink-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.bee-pink-theme .mat-mdc-tab-group.mat-background-primary,
.bee-pink-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #d81b60;
  --mat-tab-foreground-color: #ffffff;
}
.bee-pink-theme .mat-mdc-tab-group.mat-background-accent,
.bee-pink-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #cddc39;
  --mat-tab-foreground-color: rgba(0, 0, 0, 0.87);
}
.bee-pink-theme .mat-mdc-tab-group.mat-background-warn,
.bee-pink-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.bee-pink-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.bee-pink-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.bee-pink-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #d81b60;
  --mat-checkbox-selected-hover-icon-color: #d81b60;
  --mat-checkbox-selected-icon-color: #d81b60;
  --mat-checkbox-selected-pressed-icon-color: #d81b60;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #d81b60;
  --mat-checkbox-selected-hover-state-layer-color: #d81b60;
  --mat-checkbox-selected-pressed-state-layer-color: #d81b60;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-pink-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-pink-theme .mat-mdc-button.mat-primary,
.bee-pink-theme .mat-mdc-unelevated-button.mat-primary,
.bee-pink-theme .mat-mdc-raised-button.mat-primary,
.bee-pink-theme .mat-mdc-outlined-button.mat-primary,
.bee-pink-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #d81b60;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #d81b60;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #d81b60 12%, transparent);
  --mat-button-outlined-state-layer-color: #d81b60;
  --mat-button-protected-container-color: #d81b60;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #d81b60;
  --mat-button-text-ripple-color: color-mix(in srgb, #d81b60 12%, transparent);
  --mat-button-text-state-layer-color: #d81b60;
  --mat-button-tonal-container-color: #d81b60;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bee-pink-theme .mat-mdc-button.mat-accent,
.bee-pink-theme .mat-mdc-unelevated-button.mat-accent,
.bee-pink-theme .mat-mdc-raised-button.mat-accent,
.bee-pink-theme .mat-mdc-outlined-button.mat-accent,
.bee-pink-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #cddc39;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-label-text-color: #cddc39;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-button-outlined-state-layer-color: #cddc39;
  --mat-button-protected-container-color: #cddc39;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-label-text-color: #cddc39;
  --mat-button-text-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-button-text-state-layer-color: #cddc39;
  --mat-button-tonal-container-color: #cddc39;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-pink-theme .mat-mdc-button.mat-warn,
.bee-pink-theme .mat-mdc-unelevated-button.mat-warn,
.bee-pink-theme .mat-mdc-raised-button.mat-warn,
.bee-pink-theme .mat-mdc-outlined-button.mat-warn,
.bee-pink-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bee-pink-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #d81b60;
  --mat-icon-button-state-layer-color: #d81b60;
  --mat-icon-button-ripple-color: color-mix(in srgb, #d81b60 12%, transparent);
}
.bee-pink-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #cddc39;
  --mat-icon-button-state-layer-color: #cddc39;
  --mat-icon-button-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
}
.bee-pink-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.bee-pink-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.bee-pink-theme .mat-mdc-fab.mat-primary,
.bee-pink-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #d81b60;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #d81b60 12%, transparent);
  --mat-fab-small-container-color: #d81b60;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bee-pink-theme .mat-mdc-fab.mat-accent,
.bee-pink-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #cddc39;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-fab-small-container-color: #cddc39;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-pink-theme .mat-mdc-fab.mat-warn,
.bee-pink-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bee-pink-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #cddc39;
}
.bee-pink-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.bee-pink-theme .mat-badge-accent {
  --mat-badge-background-color: #cddc39;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
}
.bee-pink-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.bee-pink-theme .mat-datepicker-content.mat-accent,
.bee-pink-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #cddc39;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #cddc39 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #cddc39 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #cddc39;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-pink-theme .mat-datepicker-content.mat-warn,
.bee-pink-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-pink-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.bee-pink-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.bee-pink-theme .mat-icon.mat-primary {
  --mat-icon-color: #d81b60;
}
.bee-pink-theme .mat-icon.mat-accent {
  --mat-icon-color: #cddc39;
}
.bee-pink-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.bee-pink-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #cddc39;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #cddc39;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #cddc39;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}
.bee-pink-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.bee-pink-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #d81b60;
  --mat-toolbar-container-text-color: #ffffff;
}
.bee-pink-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #cddc39;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-pink-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.bee-pink-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-focus-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-handle-color: #cddc39;
  --mat-slide-toggle-selected-pressed-handle-color: #cddc39;
  --mat-slide-toggle-selected-focus-track-color: #dce775;
  --mat-slide-toggle-selected-hover-track-color: #dce775;
  --mat-slide-toggle-selected-pressed-track-color: #dce775;
  --mat-slide-toggle-selected-track-color: #dce775;
}
.bee-pink-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bee-pink-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-pink-theme .back-container {
  color: #d81b60;
}
.bee-pink-theme .back-container:hover {
  opacity: 0.54;
}
.bee-pink-theme .warn-text {
  color: #e74737;
}
.bee-pink-theme .inside-modal-title.primary-colored-title,
.bee-pink-theme .form-title.primary-colored-title {
  color: #d81b60;
}
.bee-pink-theme .full-height-container form .button-container {
  background: white;
}
.bee-pink-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.bee-pink-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.bee-pink-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-pink-theme .box-checkbox.active-box-checkbox {
  background-color: #d81b60;
  color: white;
}
.bee-pink-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-pink-theme .box-radio.active-box-radio {
  background-color: #d81b60;
  color: white;
}
.bee-pink-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.bee-pink-theme .error {
  color: #e74737;
}
.bee-pink-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.bee-pink-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.bee-pink-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-pink-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.bee-pink-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-pink-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-pink-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.bee-pink-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.bee-pink-theme .ql-snow .ql-picker-options {
  background: white;
}
.bee-pink-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.bee-pink-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.bee-pink-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.bee-pink-theme .ql-snow .ql-fill,
.bee-pink-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.bee-pink-theme .ql-snow.ql-toolbar button:hover,
.bee-pink-theme .ql-snow .ql-toolbar button:hover,
.bee-pink-theme .ql-snow.ql-toolbar button:focus,
.bee-pink-theme .ql-snow .ql-toolbar button:focus,
.bee-pink-theme .ql-snow.ql-toolbar button.ql-active,
.bee-pink-theme .ql-snow .ql-toolbar button.ql-active,
.bee-pink-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.bee-pink-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.bee-pink-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.bee-pink-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.bee-pink-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.bee-pink-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.bee-pink-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.bee-pink-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.bee-pink-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.bee-pink-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.bee-pink-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.bee-pink-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.bee-pink-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.bee-pink-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.bee-pink-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-pink-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-pink-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-pink-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-pink-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-pink-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-pink-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-pink-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-pink-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-pink-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-pink-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-pink-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-pink-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-pink-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-pink-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-pink-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-pink-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-pink-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-pink-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-pink-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-pink-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.bee-pink-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.bee-pink-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.bee-pink-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.bee-pink-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.bee-pink-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.bee-pink-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.bee-pink-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.bee-pink-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-pink-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-pink-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-pink-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-pink-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-pink-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-pink-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-pink-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-pink-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.bee-pink-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.bee-pink-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.bee-pink-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.bee-pink-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.bee-pink-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.bee-pink-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-pink-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-pink-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-pink-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-pink-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-pink-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-pink-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.bee-pink-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.bee-pink-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-pink-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-pink-theme bee-form-item {
  margin-right: 0 !important;
}
.bee-pink-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.bee-pink-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #d81b60;
  height: 38px !important;
}
.bee-pink-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.bee-pink-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.bee-pink-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.bee-pink-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.bee-pink-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.bee-pink-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.bee-pink-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.bee-pink-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.bee-pink-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .bee-pink-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.bee-pink-theme .general-container .label-wrapper label {
  color: #d81b60 !important;
  background-color: white;
}
.bee-pink-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-pink-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.bee-pink-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.bee-pink-theme .general-container .bee-selector .bee-selector-container {
  border-color: #d81b60 !important;
}
.bee-pink-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.bee-pink-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.bee-pink-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.bee-pink-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.bee-pink-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.bee-pink-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-pink-theme .general-container .bee-selector .bee-selector-container:focus,
.bee-pink-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #d81b60;
}
.bee-pink-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.bee-pink-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #d81b60;
}
.bee-pink-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.bee-pink-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #d81b60;
}
.bee-pink-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bee-pink-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-pink-theme .general-container .bee-dropdown {
  background: white;
}
.bee-pink-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #d81b60;
}
.bee-pink-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.bee-pink-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.bee-pink-theme .general-container .selector-error {
  color: #e74737;
}
.bee-pink-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-pink-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.bee-pink-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-pink-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.bee-pink-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #d81b60;
}
.bee-pink-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bee-pink-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-pink-theme .move-image-action-container:hover {
  color: #d81b60;
}
.bee-pink-theme .info-icon {
  color: #d81b60;
}
.bee-pink-theme .email-chip {
  color: #d81b60 !important;
  background-color: rgba(216, 27, 96, 0.15) !important;
}
.bee-pink-theme .email-chip .mat-chip-remove {
  color: #d81b60 !important;
  opacity: 1 !important;
}
.bee-pink-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.bee-pink-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.bee-pink-theme .mat-badge-content {
  color: #d81b60 !important;
}
.bee-pink-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #d81b60 !important;
}
.bee-pink-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #d81b60 !important;
}
.bee-pink-theme #circle-lleno {
  background: #ffe9ed;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.bee-pink-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.bee-pink-theme .marine-color {
  color: #0f223e !important;
}
.bee-pink-theme .primary-color {
  color: #d81b60 !important;
}
.bee-pink-theme .gray-color {
  color: #C0C4CA !important;
}
.bee-pink-theme .primary-color-200 {
  color: #ec8db0 !important;
}
.bee-pink-theme svg.primary-fill-svg {
  fill: #d81b60 !important;
}
.bee-pink-theme .primary-fill {
  fill: #d81b60 !important;
}
.bee-pink-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-pink-theme .primary-border-50 {
  border-color: #fae4ec !important;
}
.bee-pink-theme .primary-border-100 {
  border-color: #f3bbcf !important;
}
.bee-pink-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.bee-pink-theme .transparent-border-100 {
  border-color: transparent !important;
}
.bee-pink-theme .primary-border-200 {
  border-color: #ec8db0 !important;
}
.bee-pink-theme .primary-indicator .mat-expansion-indicator:after {
  color: #d81b60;
}
.bee-pink-theme .contrast-background {
  background-color: #ffffff !important;
}
.bee-pink-theme .primary-color-small {
  color: rgba(216, 27, 96, 0.6);
}
.bee-pink-theme .marine-background {
  background-color: #0f223e !important;
}
.bee-pink-theme .primary-background {
  background-color: #d81b60 !important;
}
.bee-pink-theme .primary-background-50 {
  background-color: #fae4ec !important;
}
.bee-pink-theme .primary-background-200 {
  background-color: #ec8db0 !important;
}
.bee-pink-theme .primary-background-800 {
  background-color: #c81044 !important;
}
.bee-pink-theme .white-color {
  color: white !important;
}
.bee-pink-theme .secondary-color {
  color: #ffe9ed !important;
}
.bee-pink-theme .secondary-background {
  background-color: #ffe9ed !important;
}
.bee-pink-theme .secondary-background-semi {
  background-color: #d81b60 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #d81b60 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-pink-theme .secondary-background-full {
  background-color: #d81b60 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #d81b60 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-pink-theme .secondary-background-empty {
  background-color: #d81b60 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #d81b60 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-pink-theme .secondary-border {
  background-color: #ffe9ed !important;
}
.bee-pink-theme .tertiary-color {
  color: #ff839a !important;
}
.bee-pink-theme button.button-tertiary {
  background-color: #ff839a !important;
  color: #d81b60 !important;
  border: 1px solid #d81b60 !important;
}
.bee-pink-theme span.red-text {
  color: #DB1F35 !important;
}
.bee-pink-theme .tertiary-background {
  background-color: #ff839a !important;
}
.bee-pink-theme .tertiary-border {
  border-color: #ff839a !important;
}
.bee-pink-theme .dark-background {
  background-color: black !important;
}
.bee-pink-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.bee-pink-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.bee-pink-theme .primary-soft-background {
  background-color: rgba(216, 27, 96, 0.1) !important;
}
.bee-pink-theme .primary-soft-background:hover {
  background-color: rgba(216, 27, 96, 0.15) !important;
}
.bee-pink-theme .primary-border {
  border-color: #d81b60 !important;
}
.bee-pink-theme .default-background {
  background-color: #fafafa !important;
}
.bee-pink-theme .hover-primary:hover {
  color: #d81b60 !important;
}
.bee-pink-theme .hover-primary-background:hover {
  background-color: #d81b60 !important;
}
.bee-pink-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.bee-pink-theme .warn-color {
  color: #e74737 !important;
}
.bee-pink-theme .warn-border {
  border-color: #e74737 !important;
}
.bee-pink-theme .accent-color {
  color: #cddc39 !important;
}
.bee-pink-theme .accent-background {
  background-color: #cddc39 !important;
}
.bee-pink-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.bee-pink-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.bee-pink-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.bee-pink-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-pink-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-pink-theme .dialog-table tr .action-icon {
  color: transparent;
}
.bee-pink-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bee-pink-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.bee-pink-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #d81b60;
}
.bee-pink-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-pink-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-pink-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.bee-pink-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.bee-pink-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.bee-pink-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-pink-theme .card-table tr .action-icon {
  color: transparent;
}
.bee-pink-theme .card-table tr .action-icon button {
  color: transparent;
}
.bee-pink-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-pink-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-pink-theme .card-table tr:hover .action-icon button {
  color: #d81b60;
}
.bee-pink-theme .card-table tr:hover .action-icon:hover {
  color: #d81b60;
}
.bee-pink-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-pink-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.bee-pink-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-pink-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-pink-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #d81b60;
}
.bee-pink-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-pink-theme .no-hover-table tr:hover {
  background: white;
}
.bee-pink-theme .custom-standard-chip {
  background-color: rgba(216, 27, 96, 0.1) !important;
  color: #d81b60 !important;
}
.bee-pink-theme .help-dashboard-card .mat-icon {
  color: #d81b60;
}
.bee-pink-theme .help-dashboard-card:hover {
  background-color: #d81b60;
}
.bee-pink-theme .help-dashboard-card:hover .mat-icon,
.bee-pink-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.bee-pink-theme .room-open {
  background-color: #d81b60 !important;
  color: white !important;
}
.bee-pink-theme .room-open:hover {
  background-color: #d81b60 !important;
  color: white !important;
}
.bee-pink-theme #public-office-page-groups .public-group-button-hover {
  background-color: #d81b60 !important;
  color: white !important;
}
.bee-pink-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-pink-theme .notification-container .show-tip {
  color: transparent;
}
.bee-pink-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-pink-theme .notification-container:hover .show-tip {
  color: #d81b60;
}
.bee-pink-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-pink-theme .notification-container .notification-subject .mat-icon {
  color: #d81b60;
}
.bee-pink-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-pink-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-pink-theme .message-container .show-tip {
  color: transparent;
}
.bee-pink-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-pink-theme .message-container:hover .show-tip {
  color: #d81b60;
}
.bee-pink-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-pink-theme .message-container .message-subject .mat-icon {
  color: #d81b60;
}
.bee-pink-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-pink-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.bee-pink-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.bee-pink-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.bee-pink-theme .primary-200-outline input {
  caret-color: #ec8db0;
  color: #d81b60;
}
.bee-pink-theme .primary-200-outline label {
  color: #ec8db0;
}
.bee-pink-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #ec8db0 !important;
}
.bee-pink-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #ec8db0;
}
.bee-pink-theme mat-form-field .primary-outline label {
  color: #d81b60 !important;
}
.bee-pink-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #d81b60 !important;
}
.bee-pink-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #d81b60 !important;
}
.bee-pink-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.bee-pink-theme .input-primary input {
  caret-color: #d81b60;
  color: #d81b60;
}
.bee-pink-theme .input-primary label {
  color: #d81b60;
}
.bee-pink-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #d81b60 !important;
}
.bee-pink-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.bee-pink-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #d81b60;
  border-width: 1px;
}
.bee-pink-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.bee-pink-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.bee-pink-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.bee-pink-theme .boton-recarga {
  background-color: #d81b60;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.bee-pink-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.bee-pink-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.bee-pink-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.bee-pink-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.bee-pink-theme .header-container button {
  padding: 0 !important;
}
.bee-pink-theme .header-container .mat-button {
  min-width: unset !important;
}
.bee-pink-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.bee-pink-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bee-pink-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.bee-pink-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.bee-pink-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.bee-pink-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-pink-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-pink-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-pink-theme .input-recarga-marine {
  border: 1px solid #d81b60 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.bee-pink-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-pink-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-pink-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-pink-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-pink-theme .color-primary {
  color: #d81b60 !important;
  fill: #d81b60 !important;
}
.bee-pink-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.bee-pink-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.bee-pink-theme .primary-contrast {
  color: #ffffff !important;
}
.bee-pink-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #d81b60 !important;
}
.bee-pink-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #d81b60 !important;
}
.bee-pink-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.bee-pink-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #d81b60 !important;
}
.bee-pink-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-pink-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-pink-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-pink-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #d81b60 !important;
}
.bee-pink-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #d81b60 !important;
}
.bee-pink-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #d81b60 !important;
}
.bee-pink-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #d81b60 !important;
}
.bee-pink-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #d81b60 !important;
}
.bee-pink-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-pink-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #d81b60 !important;
}
.bee-pink-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-pink-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #d81b60 !important;
}
.bee-pink-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-pink-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-pink-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #d81b60 !important;
}
.bee-pink-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #ffe9ed !important;
}
.bee-pink-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-pink-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #d81b60 !important;
}
.bee-pink-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #d81b60 !important;
}
.bee-pink-theme .mat-checkbox-checked .mat-checkbox-background,
.bee-pink-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #d81b60 !important;
}
.bee-pink-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #d81b60 !important;
}
.bee-pink-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-pink-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #d81b60 !important;
}
.bee-pink-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-pink-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #d81b60 !important;
}
.bee-pink-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ec8db0 !important;
}
.bee-pink-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #d81b60 !important;
}
.bee-pink-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-pink-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.bee-pink-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.bee-pink-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.bee-pink-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #d81b60 !important;
}
.bee-pink-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #d81b60 !important;
}
.bee-pink-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #d81b60 !important;
}
.bee-pink-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-pink-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #d81b60 !important;
}
.bee-pink-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #d81b60 !important;
}
.bee-pink-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #d81b60 !important;
}
.bee-pink-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-pink-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-pink-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #d81b60 !important;
}
.bee-pink-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #d81b60 !important;
}
.bee-pink-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-pink-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-pink-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #d81b60 !important;
}
.bee-pink-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-pink-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-pink-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-pink-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #d81b60 !important;
}
.bee-pink-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.bee-pink-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #d81b60 !important;
}
.bee-pink-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #d81b60 !important;
}
.bee-pink-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #d81b60 !important;
}
.bee-pink-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.bee-pink-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-pink-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-pink-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #d81b60 !important;
}
.bee-pink-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #d81b60 !important;
}
.bee-pink-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffe9ed !important;
}
.bee-pink-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffe9ed !important;
}
.bee-pink-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.bee-pink-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #d81b60 !important;
}
.bee-pink-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #d81b60 !important;
}
.bee-pink-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.bee-pink-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #d81b60 !important;
}
.bee-pink-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #d81b60 !important;
}
.bee-pink-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bee-pink-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bee-pink-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.bee-pink-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ffe9ed !important;
}
.bee-pink-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffe9ed !important;
}
.bee-pink-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.bee-pink-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.bee-pink-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ff839a !important;
}
.bee-pink-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ff839a !important;
}
.bee-pink-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ff839a !important;
}
.bee-pink-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ff839a !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bee-pink-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ff839a !important;
}
.bee-pink-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #ff839a !important;
}
.bee-pink-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #d81b60 !important;
}
.bee-pink-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #d81b60 !important;
}
.bee-pink-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #d81b60 !important;
}
.bee-pink-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bee-pink-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.bee-pink-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bee-pink-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.bee-pink-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.bee-pink-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #d81b60 !important;
}
.bee-pink-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #d81b60 !important;
}
.bee-pink-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #d81b60 !important;
}
.bee-pink-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #d81b60 !important;
}
.bee-pink-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #d81b60 !important;
}
.bee-pink-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #d81b60 !important;
}
.bee-pink-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.bee-pink-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #d81b60 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.bee-pink-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.bee-pink-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.bee-pink-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.bee-pink-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.bee-pink-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.bee-pink-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #ffe9ed !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-pink-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #d81b60 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #d81b60 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-pink-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #d81b60 !important;
}
.bee-pink-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.bee-pink-theme .button-text-hidden {
  display: none;
}
.bee-purple-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #8e24aa;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #cddc39;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #cddc39;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #8e24aa 87%, transparent);
  --mat-form-field-filled-caret-color: #8e24aa;
  --mat-form-field-filled-focus-active-indicator-color: #8e24aa;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #8e24aa 87%, transparent);
  --mat-form-field-outlined-caret-color: #8e24aa;
  --mat-form-field-outlined-focus-outline-color: #8e24aa;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #8e24aa 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #8e24aa;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #8e24aa;
  --mat-slide-toggle-selected-handle-color: #8e24aa;
  --mat-slide-toggle-selected-hover-state-layer-color: #8e24aa;
  --mat-slide-toggle-selected-pressed-state-layer-color: #8e24aa;
  --mat-slide-toggle-selected-focus-handle-color: #8e24aa;
  --mat-slide-toggle-selected-hover-handle-color: #8e24aa;
  --mat-slide-toggle-selected-pressed-handle-color: #8e24aa;
  --mat-slide-toggle-selected-focus-track-color: #b066c4;
  --mat-slide-toggle-selected-hover-track-color: #b066c4;
  --mat-slide-toggle-selected-pressed-track-color: #b066c4;
  --mat-slide-toggle-selected-track-color: #b066c4;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #8e24aa;
  --mat-slider-focus-handle-color: #8e24aa;
  --mat-slider-handle-color: #8e24aa;
  --mat-slider-hover-handle-color: #8e24aa;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #8e24aa 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #8e24aa 4%, transparent);
  --mat-slider-inactive-track-color: #8e24aa;
  --mat-slider-ripple-color: #8e24aa;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #8e24aa;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #cddc39;
  --mat-checkbox-selected-hover-icon-color: #cddc39;
  --mat-checkbox-selected-icon-color: #cddc39;
  --mat-checkbox-selected-pressed-icon-color: #cddc39;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #cddc39;
  --mat-checkbox-selected-hover-state-layer-color: #cddc39;
  --mat-checkbox-selected-pressed-state-layer-color: #cddc39;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #b066c4;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #8e24aa;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #8e24aa;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #8e24aa 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #8e24aa;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #8e24aa 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #8e24aa 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #8e24aa 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #8e24aa;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #8e24aa;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #8e24aa;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #8e24aa;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #8e24aa;
  --mat-slide-toggle-selected-handle-color: #8e24aa;
  --mat-slide-toggle-selected-hover-state-layer-color: #8e24aa;
  --mat-slide-toggle-selected-pressed-state-layer-color: #8e24aa;
  --mat-slide-toggle-selected-focus-handle-color: #8e24aa;
  --mat-slide-toggle-selected-hover-handle-color: #8e24aa;
  --mat-slide-toggle-selected-pressed-handle-color: #8e24aa;
  --mat-slide-toggle-selected-focus-track-color: #b066c4;
  --mat-slide-toggle-selected-hover-track-color: #b066c4;
  --mat-slide-toggle-selected-pressed-track-color: #b066c4;
  --mat-slide-toggle-selected-track-color: #b066c4;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-purple-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #cddc39;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-purple-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-purple-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #8e24aa;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #8e24aa;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-purple-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #cddc39;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #cddc39;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-purple-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-purple-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #8e24aa;
  --mat-progress-bar-track-color: rgba(142, 36, 170, 0.25);
}
.bee-purple-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #cddc39;
  --mat-progress-bar-track-color: rgba(205, 220, 57, 0.25);
}
.bee-purple-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.bee-purple-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #cddc39 87%, transparent);
  --mat-form-field-filled-caret-color: #cddc39;
  --mat-form-field-filled-focus-active-indicator-color: #cddc39;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #cddc39 87%, transparent);
  --mat-form-field-outlined-caret-color: #cddc39;
  --mat-form-field-outlined-focus-outline-color: #cddc39;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #cddc39 87%, transparent);
}
.bee-purple-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.bee-purple-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #cddc39;
  --mat-select-invalid-arrow-color: #e74737;
}
.bee-purple-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.bee-purple-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.bee-purple-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-purple-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.bee-purple-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #8e24aa;
  --mat-chip-elevated-disabled-container-color: #8e24aa;
  --mat-chip-elevated-selected-container-color: #8e24aa;
  --mat-chip-flat-disabled-selected-container-color: #8e24aa;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bee-purple-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.bee-purple-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: #cddc39;
  --mat-chip-elevated-disabled-container-color: #cddc39;
  --mat-chip-elevated-selected-container-color: #cddc39;
  --mat-chip-flat-disabled-selected-container-color: #cddc39;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-purple-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.bee-purple-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bee-purple-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.bee-purple-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.bee-purple-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-focus-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-handle-color: #cddc39;
  --mat-slide-toggle-selected-pressed-handle-color: #cddc39;
  --mat-slide-toggle-selected-focus-track-color: #dce775;
  --mat-slide-toggle-selected-hover-track-color: #dce775;
  --mat-slide-toggle-selected-pressed-track-color: #dce775;
  --mat-slide-toggle-selected-track-color: #dce775;
}
.bee-purple-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bee-purple-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-purple-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #8e24aa;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #8e24aa;
  --mat-radio-selected-hover-icon-color: #8e24aa;
  --mat-radio-selected-icon-color: #8e24aa;
  --mat-radio-selected-pressed-icon-color: #8e24aa;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-purple-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #cddc39;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #cddc39;
  --mat-radio-selected-hover-icon-color: #cddc39;
  --mat-radio-selected-icon-color: #cddc39;
  --mat-radio-selected-pressed-icon-color: #cddc39;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-purple-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-purple-theme .mat-accent {
  --mat-slider-active-track-color: #cddc39;
  --mat-slider-focus-handle-color: #cddc39;
  --mat-slider-handle-color: #cddc39;
  --mat-slider-hover-handle-color: #cddc39;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #cddc39 4%, transparent);
  --mat-slider-inactive-track-color: #cddc39;
  --mat-slider-ripple-color: #cddc39;
  --mat-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-inactive-container-color: #cddc39;
}
.bee-purple-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.bee-purple-theme .mdc-list-item__start,
.bee-purple-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #8e24aa;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #8e24aa;
  --mat-radio-selected-hover-icon-color: #8e24aa;
  --mat-radio-selected-icon-color: #8e24aa;
  --mat-radio-selected-pressed-icon-color: #8e24aa;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-purple-theme .mat-accent .mdc-list-item__start,
.bee-purple-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #cddc39;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #cddc39;
  --mat-radio-selected-hover-icon-color: #cddc39;
  --mat-radio-selected-icon-color: #cddc39;
  --mat-radio-selected-pressed-icon-color: #cddc39;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-purple-theme .mat-warn .mdc-list-item__start,
.bee-purple-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-purple-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #8e24aa;
  --mat-checkbox-selected-hover-icon-color: #8e24aa;
  --mat-checkbox-selected-icon-color: #8e24aa;
  --mat-checkbox-selected-pressed-icon-color: #8e24aa;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8e24aa;
  --mat-checkbox-selected-hover-state-layer-color: #8e24aa;
  --mat-checkbox-selected-pressed-state-layer-color: #8e24aa;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-purple-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #cddc39;
  --mat-checkbox-selected-hover-icon-color: #cddc39;
  --mat-checkbox-selected-icon-color: #cddc39;
  --mat-checkbox-selected-pressed-icon-color: #cddc39;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #cddc39;
  --mat-checkbox-selected-hover-state-layer-color: #cddc39;
  --mat-checkbox-selected-pressed-state-layer-color: #cddc39;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-purple-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-purple-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.bee-purple-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.bee-purple-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.bee-purple-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #8e24aa;
}
.bee-purple-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.bee-purple-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.bee-purple-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.bee-purple-theme .mdc-list-item__start,
.bee-purple-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.bee-purple-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.bee-purple-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.bee-purple-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.bee-purple-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.bee-purple-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.bee-purple-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.bee-purple-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.bee-purple-theme .mat-mdc-tab-group,
.bee-purple-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #8e24aa;
  --mat-tab-active-ripple-color: #8e24aa;
  --mat-tab-inactive-ripple-color: #8e24aa;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #8e24aa;
  --mat-tab-active-hover-label-text-color: #8e24aa;
  --mat-tab-active-focus-indicator-color: #8e24aa;
  --mat-tab-active-hover-indicator-color: #8e24aa;
  --mat-tab-active-indicator-color: #8e24aa;
}
.bee-purple-theme .mat-mdc-tab-group.mat-accent,
.bee-purple-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #cddc39;
  --mat-tab-active-ripple-color: #cddc39;
  --mat-tab-inactive-ripple-color: #cddc39;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #cddc39;
  --mat-tab-active-hover-label-text-color: #cddc39;
  --mat-tab-active-focus-indicator-color: #cddc39;
  --mat-tab-active-hover-indicator-color: #cddc39;
  --mat-tab-active-indicator-color: #cddc39;
}
.bee-purple-theme .mat-mdc-tab-group.mat-warn,
.bee-purple-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.bee-purple-theme .mat-mdc-tab-group.mat-background-primary,
.bee-purple-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #8e24aa;
  --mat-tab-foreground-color: #ffffff;
}
.bee-purple-theme .mat-mdc-tab-group.mat-background-accent,
.bee-purple-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #cddc39;
  --mat-tab-foreground-color: rgba(0, 0, 0, 0.87);
}
.bee-purple-theme .mat-mdc-tab-group.mat-background-warn,
.bee-purple-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.bee-purple-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.bee-purple-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.bee-purple-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #8e24aa;
  --mat-checkbox-selected-hover-icon-color: #8e24aa;
  --mat-checkbox-selected-icon-color: #8e24aa;
  --mat-checkbox-selected-pressed-icon-color: #8e24aa;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8e24aa;
  --mat-checkbox-selected-hover-state-layer-color: #8e24aa;
  --mat-checkbox-selected-pressed-state-layer-color: #8e24aa;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-purple-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-purple-theme .mat-mdc-button.mat-primary,
.bee-purple-theme .mat-mdc-unelevated-button.mat-primary,
.bee-purple-theme .mat-mdc-raised-button.mat-primary,
.bee-purple-theme .mat-mdc-outlined-button.mat-primary,
.bee-purple-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #8e24aa;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #8e24aa;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #8e24aa 12%, transparent);
  --mat-button-outlined-state-layer-color: #8e24aa;
  --mat-button-protected-container-color: #8e24aa;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #8e24aa;
  --mat-button-text-ripple-color: color-mix(in srgb, #8e24aa 12%, transparent);
  --mat-button-text-state-layer-color: #8e24aa;
  --mat-button-tonal-container-color: #8e24aa;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bee-purple-theme .mat-mdc-button.mat-accent,
.bee-purple-theme .mat-mdc-unelevated-button.mat-accent,
.bee-purple-theme .mat-mdc-raised-button.mat-accent,
.bee-purple-theme .mat-mdc-outlined-button.mat-accent,
.bee-purple-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #cddc39;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-label-text-color: #cddc39;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-button-outlined-state-layer-color: #cddc39;
  --mat-button-protected-container-color: #cddc39;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-label-text-color: #cddc39;
  --mat-button-text-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-button-text-state-layer-color: #cddc39;
  --mat-button-tonal-container-color: #cddc39;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-purple-theme .mat-mdc-button.mat-warn,
.bee-purple-theme .mat-mdc-unelevated-button.mat-warn,
.bee-purple-theme .mat-mdc-raised-button.mat-warn,
.bee-purple-theme .mat-mdc-outlined-button.mat-warn,
.bee-purple-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bee-purple-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #8e24aa;
  --mat-icon-button-state-layer-color: #8e24aa;
  --mat-icon-button-ripple-color: color-mix(in srgb, #8e24aa 12%, transparent);
}
.bee-purple-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #cddc39;
  --mat-icon-button-state-layer-color: #cddc39;
  --mat-icon-button-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
}
.bee-purple-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.bee-purple-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.bee-purple-theme .mat-mdc-fab.mat-primary,
.bee-purple-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #8e24aa;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #8e24aa 12%, transparent);
  --mat-fab-small-container-color: #8e24aa;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bee-purple-theme .mat-mdc-fab.mat-accent,
.bee-purple-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #cddc39;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-fab-small-container-color: #cddc39;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-purple-theme .mat-mdc-fab.mat-warn,
.bee-purple-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bee-purple-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #cddc39;
}
.bee-purple-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.bee-purple-theme .mat-badge-accent {
  --mat-badge-background-color: #cddc39;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
}
.bee-purple-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.bee-purple-theme .mat-datepicker-content.mat-accent,
.bee-purple-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #cddc39;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #cddc39 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #cddc39 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #cddc39;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-purple-theme .mat-datepicker-content.mat-warn,
.bee-purple-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-purple-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.bee-purple-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.bee-purple-theme .mat-icon.mat-primary {
  --mat-icon-color: #8e24aa;
}
.bee-purple-theme .mat-icon.mat-accent {
  --mat-icon-color: #cddc39;
}
.bee-purple-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.bee-purple-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #cddc39;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #cddc39;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #cddc39;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}
.bee-purple-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.bee-purple-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #8e24aa;
  --mat-toolbar-container-text-color: #ffffff;
}
.bee-purple-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #cddc39;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-purple-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.bee-purple-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-focus-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-handle-color: #cddc39;
  --mat-slide-toggle-selected-pressed-handle-color: #cddc39;
  --mat-slide-toggle-selected-focus-track-color: #dce775;
  --mat-slide-toggle-selected-hover-track-color: #dce775;
  --mat-slide-toggle-selected-pressed-track-color: #dce775;
  --mat-slide-toggle-selected-track-color: #dce775;
}
.bee-purple-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bee-purple-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-purple-theme .back-container {
  color: #8e24aa;
}
.bee-purple-theme .back-container:hover {
  opacity: 0.54;
}
.bee-purple-theme .warn-text {
  color: #e74737;
}
.bee-purple-theme .inside-modal-title.primary-colored-title,
.bee-purple-theme .form-title.primary-colored-title {
  color: #8e24aa;
}
.bee-purple-theme .full-height-container form .button-container {
  background: white;
}
.bee-purple-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.bee-purple-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.bee-purple-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-purple-theme .box-checkbox.active-box-checkbox {
  background-color: #8e24aa;
  color: white;
}
.bee-purple-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-purple-theme .box-radio.active-box-radio {
  background-color: #8e24aa;
  color: white;
}
.bee-purple-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.bee-purple-theme .error {
  color: #e74737;
}
.bee-purple-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.bee-purple-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.bee-purple-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-purple-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.bee-purple-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-purple-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-purple-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.bee-purple-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.bee-purple-theme .ql-snow .ql-picker-options {
  background: white;
}
.bee-purple-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.bee-purple-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.bee-purple-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.bee-purple-theme .ql-snow .ql-fill,
.bee-purple-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.bee-purple-theme .ql-snow.ql-toolbar button:hover,
.bee-purple-theme .ql-snow .ql-toolbar button:hover,
.bee-purple-theme .ql-snow.ql-toolbar button:focus,
.bee-purple-theme .ql-snow .ql-toolbar button:focus,
.bee-purple-theme .ql-snow.ql-toolbar button.ql-active,
.bee-purple-theme .ql-snow .ql-toolbar button.ql-active,
.bee-purple-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.bee-purple-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.bee-purple-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.bee-purple-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.bee-purple-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.bee-purple-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.bee-purple-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.bee-purple-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.bee-purple-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.bee-purple-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.bee-purple-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.bee-purple-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.bee-purple-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.bee-purple-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.bee-purple-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-purple-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-purple-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-purple-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-purple-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-purple-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-purple-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-purple-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-purple-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-purple-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-purple-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-purple-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-purple-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-purple-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-purple-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-purple-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-purple-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-purple-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-purple-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-purple-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-purple-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.bee-purple-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.bee-purple-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.bee-purple-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.bee-purple-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.bee-purple-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.bee-purple-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.bee-purple-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.bee-purple-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-purple-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-purple-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-purple-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-purple-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-purple-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-purple-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-purple-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-purple-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.bee-purple-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.bee-purple-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.bee-purple-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.bee-purple-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.bee-purple-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.bee-purple-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-purple-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-purple-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-purple-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-purple-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-purple-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-purple-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.bee-purple-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.bee-purple-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-purple-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-purple-theme bee-form-item {
  margin-right: 0 !important;
}
.bee-purple-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.bee-purple-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #8e24aa;
  height: 38px !important;
}
.bee-purple-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.bee-purple-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.bee-purple-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.bee-purple-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.bee-purple-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.bee-purple-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.bee-purple-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.bee-purple-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.bee-purple-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .bee-purple-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.bee-purple-theme .general-container .label-wrapper label {
  color: #8e24aa !important;
  background-color: white;
}
.bee-purple-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-purple-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.bee-purple-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.bee-purple-theme .general-container .bee-selector .bee-selector-container {
  border-color: #8e24aa !important;
}
.bee-purple-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.bee-purple-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.bee-purple-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.bee-purple-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.bee-purple-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.bee-purple-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-purple-theme .general-container .bee-selector .bee-selector-container:focus,
.bee-purple-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #8e24aa;
}
.bee-purple-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.bee-purple-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #8e24aa;
}
.bee-purple-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.bee-purple-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #8e24aa;
}
.bee-purple-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bee-purple-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-purple-theme .general-container .bee-dropdown {
  background: white;
}
.bee-purple-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #8e24aa;
}
.bee-purple-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.bee-purple-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.bee-purple-theme .general-container .selector-error {
  color: #e74737;
}
.bee-purple-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-purple-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.bee-purple-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-purple-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.bee-purple-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #8e24aa;
}
.bee-purple-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bee-purple-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-purple-theme .move-image-action-container:hover {
  color: #8e24aa;
}
.bee-purple-theme .info-icon {
  color: #8e24aa;
}
.bee-purple-theme .email-chip {
  color: #8e24aa !important;
  background-color: rgba(142, 36, 170, 0.15) !important;
}
.bee-purple-theme .email-chip .mat-chip-remove {
  color: #8e24aa !important;
  opacity: 1 !important;
}
.bee-purple-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.bee-purple-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.bee-purple-theme .mat-badge-content {
  color: #8e24aa !important;
}
.bee-purple-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #8e24aa !important;
}
.bee-purple-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #8e24aa !important;
}
.bee-purple-theme #circle-lleno {
  background: #e6b1ff;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.bee-purple-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.bee-purple-theme .marine-color {
  color: #0f223e !important;
}
.bee-purple-theme .primary-color {
  color: #8e24aa !important;
}
.bee-purple-theme .gray-color {
  color: #C0C4CA !important;
}
.bee-purple-theme .primary-color-200 {
  color: #c792d5 !important;
}
.bee-purple-theme svg.primary-fill-svg {
  fill: #8e24aa !important;
}
.bee-purple-theme .primary-fill {
  fill: #8e24aa !important;
}
.bee-purple-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-purple-theme .primary-border-50 {
  border-color: #f1e5f5 !important;
}
.bee-purple-theme .primary-border-100 {
  border-color: #ddbde6 !important;
}
.bee-purple-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.bee-purple-theme .transparent-border-100 {
  border-color: transparent !important;
}
.bee-purple-theme .primary-border-200 {
  border-color: #c792d5 !important;
}
.bee-purple-theme .primary-indicator .mat-expansion-indicator:after {
  color: #8e24aa;
}
.bee-purple-theme .contrast-background {
  background-color: #ffffff !important;
}
.bee-purple-theme .primary-color-small {
  color: rgba(142, 36, 170, 0.6);
}
.bee-purple-theme .marine-background {
  background-color: #0f223e !important;
}
.bee-purple-theme .primary-background {
  background-color: #8e24aa !important;
}
.bee-purple-theme .primary-background-50 {
  background-color: #f1e5f5 !important;
}
.bee-purple-theme .primary-background-200 {
  background-color: #c792d5 !important;
}
.bee-purple-theme .primary-background-800 {
  background-color: #711690 !important;
}
.bee-purple-theme .white-color {
  color: white !important;
}
.bee-purple-theme .secondary-color {
  color: #e6b1ff !important;
}
.bee-purple-theme .secondary-background {
  background-color: #e6b1ff !important;
}
.bee-purple-theme .secondary-background-semi {
  background-color: #8e24aa !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #8e24aa !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-purple-theme .secondary-background-full {
  background-color: #8e24aa !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #8e24aa !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-purple-theme .secondary-background-empty {
  background-color: #8e24aa !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #8e24aa !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-purple-theme .secondary-border {
  background-color: #e6b1ff !important;
}
.bee-purple-theme .tertiary-color {
  color: #c64bff !important;
}
.bee-purple-theme button.button-tertiary {
  background-color: #c64bff !important;
  color: #8e24aa !important;
  border: 1px solid #8e24aa !important;
}
.bee-purple-theme span.red-text {
  color: #DB1F35 !important;
}
.bee-purple-theme .tertiary-background {
  background-color: #c64bff !important;
}
.bee-purple-theme .tertiary-border {
  border-color: #c64bff !important;
}
.bee-purple-theme .dark-background {
  background-color: black !important;
}
.bee-purple-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.bee-purple-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.bee-purple-theme .primary-soft-background {
  background-color: rgba(142, 36, 170, 0.1) !important;
}
.bee-purple-theme .primary-soft-background:hover {
  background-color: rgba(142, 36, 170, 0.15) !important;
}
.bee-purple-theme .primary-border {
  border-color: #8e24aa !important;
}
.bee-purple-theme .default-background {
  background-color: #fafafa !important;
}
.bee-purple-theme .hover-primary:hover {
  color: #8e24aa !important;
}
.bee-purple-theme .hover-primary-background:hover {
  background-color: #8e24aa !important;
}
.bee-purple-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.bee-purple-theme .warn-color {
  color: #e74737 !important;
}
.bee-purple-theme .warn-border {
  border-color: #e74737 !important;
}
.bee-purple-theme .accent-color {
  color: #cddc39 !important;
}
.bee-purple-theme .accent-background {
  background-color: #cddc39 !important;
}
.bee-purple-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.bee-purple-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.bee-purple-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.bee-purple-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-purple-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-purple-theme .dialog-table tr .action-icon {
  color: transparent;
}
.bee-purple-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bee-purple-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.bee-purple-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #8e24aa;
}
.bee-purple-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-purple-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-purple-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.bee-purple-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.bee-purple-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.bee-purple-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-purple-theme .card-table tr .action-icon {
  color: transparent;
}
.bee-purple-theme .card-table tr .action-icon button {
  color: transparent;
}
.bee-purple-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-purple-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-purple-theme .card-table tr:hover .action-icon button {
  color: #8e24aa;
}
.bee-purple-theme .card-table tr:hover .action-icon:hover {
  color: #8e24aa;
}
.bee-purple-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-purple-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.bee-purple-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-purple-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-purple-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #8e24aa;
}
.bee-purple-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-purple-theme .no-hover-table tr:hover {
  background: white;
}
.bee-purple-theme .custom-standard-chip {
  background-color: rgba(142, 36, 170, 0.1) !important;
  color: #8e24aa !important;
}
.bee-purple-theme .help-dashboard-card .mat-icon {
  color: #8e24aa;
}
.bee-purple-theme .help-dashboard-card:hover {
  background-color: #8e24aa;
}
.bee-purple-theme .help-dashboard-card:hover .mat-icon,
.bee-purple-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.bee-purple-theme .room-open {
  background-color: #8e24aa !important;
  color: white !important;
}
.bee-purple-theme .room-open:hover {
  background-color: #8e24aa !important;
  color: white !important;
}
.bee-purple-theme #public-office-page-groups .public-group-button-hover {
  background-color: #8e24aa !important;
  color: white !important;
}
.bee-purple-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-purple-theme .notification-container .show-tip {
  color: transparent;
}
.bee-purple-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-purple-theme .notification-container:hover .show-tip {
  color: #8e24aa;
}
.bee-purple-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-purple-theme .notification-container .notification-subject .mat-icon {
  color: #8e24aa;
}
.bee-purple-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-purple-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-purple-theme .message-container .show-tip {
  color: transparent;
}
.bee-purple-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-purple-theme .message-container:hover .show-tip {
  color: #8e24aa;
}
.bee-purple-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-purple-theme .message-container .message-subject .mat-icon {
  color: #8e24aa;
}
.bee-purple-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-purple-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.bee-purple-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.bee-purple-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.bee-purple-theme .primary-200-outline input {
  caret-color: #c792d5;
  color: #8e24aa;
}
.bee-purple-theme .primary-200-outline label {
  color: #c792d5;
}
.bee-purple-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #c792d5 !important;
}
.bee-purple-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #c792d5;
}
.bee-purple-theme mat-form-field .primary-outline label {
  color: #8e24aa !important;
}
.bee-purple-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #8e24aa !important;
}
.bee-purple-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #8e24aa !important;
}
.bee-purple-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.bee-purple-theme .input-primary input {
  caret-color: #8e24aa;
  color: #8e24aa;
}
.bee-purple-theme .input-primary label {
  color: #8e24aa;
}
.bee-purple-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #8e24aa !important;
}
.bee-purple-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.bee-purple-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #8e24aa;
  border-width: 1px;
}
.bee-purple-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.bee-purple-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.bee-purple-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.bee-purple-theme .boton-recarga {
  background-color: #8e24aa;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.bee-purple-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.bee-purple-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.bee-purple-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.bee-purple-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.bee-purple-theme .header-container button {
  padding: 0 !important;
}
.bee-purple-theme .header-container .mat-button {
  min-width: unset !important;
}
.bee-purple-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.bee-purple-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bee-purple-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.bee-purple-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.bee-purple-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.bee-purple-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-purple-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-purple-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-purple-theme .input-recarga-marine {
  border: 1px solid #8e24aa !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.bee-purple-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-purple-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-purple-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-purple-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-purple-theme .color-primary {
  color: #8e24aa !important;
  fill: #8e24aa !important;
}
.bee-purple-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.bee-purple-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.bee-purple-theme .primary-contrast {
  color: #ffffff !important;
}
.bee-purple-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #8e24aa !important;
}
.bee-purple-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #8e24aa !important;
}
.bee-purple-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.bee-purple-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #8e24aa !important;
}
.bee-purple-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-purple-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-purple-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-purple-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #8e24aa !important;
}
.bee-purple-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #8e24aa !important;
}
.bee-purple-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #8e24aa !important;
}
.bee-purple-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #8e24aa !important;
}
.bee-purple-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #8e24aa !important;
}
.bee-purple-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-purple-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #8e24aa !important;
}
.bee-purple-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-purple-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #8e24aa !important;
}
.bee-purple-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-purple-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-purple-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #8e24aa !important;
}
.bee-purple-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #e6b1ff !important;
}
.bee-purple-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-purple-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #8e24aa !important;
}
.bee-purple-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #8e24aa !important;
}
.bee-purple-theme .mat-checkbox-checked .mat-checkbox-background,
.bee-purple-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #8e24aa !important;
}
.bee-purple-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #8e24aa !important;
}
.bee-purple-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-purple-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #8e24aa !important;
}
.bee-purple-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-purple-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #8e24aa !important;
}
.bee-purple-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #c792d5 !important;
}
.bee-purple-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #8e24aa !important;
}
.bee-purple-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-purple-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.bee-purple-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.bee-purple-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.bee-purple-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #8e24aa !important;
}
.bee-purple-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #8e24aa !important;
}
.bee-purple-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #8e24aa !important;
}
.bee-purple-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-purple-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #8e24aa !important;
}
.bee-purple-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #8e24aa !important;
}
.bee-purple-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #8e24aa !important;
}
.bee-purple-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-purple-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-purple-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #8e24aa !important;
}
.bee-purple-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #8e24aa !important;
}
.bee-purple-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-purple-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-purple-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #8e24aa !important;
}
.bee-purple-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-purple-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-purple-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-purple-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #8e24aa !important;
}
.bee-purple-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.bee-purple-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #8e24aa !important;
}
.bee-purple-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #8e24aa !important;
}
.bee-purple-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #8e24aa !important;
}
.bee-purple-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.bee-purple-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-purple-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-purple-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #8e24aa !important;
}
.bee-purple-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #8e24aa !important;
}
.bee-purple-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #e6b1ff !important;
}
.bee-purple-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #e6b1ff !important;
}
.bee-purple-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.bee-purple-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #8e24aa !important;
}
.bee-purple-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #8e24aa !important;
}
.bee-purple-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.bee-purple-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #8e24aa !important;
}
.bee-purple-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #8e24aa !important;
}
.bee-purple-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bee-purple-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bee-purple-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.bee-purple-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #e6b1ff !important;
}
.bee-purple-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e6b1ff !important;
}
.bee-purple-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.bee-purple-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.bee-purple-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #c64bff !important;
}
.bee-purple-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #c64bff !important;
}
.bee-purple-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #c64bff !important;
}
.bee-purple-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #c64bff !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bee-purple-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #c64bff !important;
}
.bee-purple-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #c64bff !important;
}
.bee-purple-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #8e24aa !important;
}
.bee-purple-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #8e24aa !important;
}
.bee-purple-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #8e24aa !important;
}
.bee-purple-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bee-purple-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.bee-purple-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bee-purple-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.bee-purple-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.bee-purple-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #8e24aa !important;
}
.bee-purple-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #8e24aa !important;
}
.bee-purple-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #8e24aa !important;
}
.bee-purple-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #8e24aa !important;
}
.bee-purple-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #8e24aa !important;
}
.bee-purple-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #8e24aa !important;
}
.bee-purple-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.bee-purple-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #8e24aa !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.bee-purple-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.bee-purple-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.bee-purple-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.bee-purple-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.bee-purple-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.bee-purple-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #e6b1ff !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-purple-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #8e24aa !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #8e24aa !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-purple-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #8e24aa !important;
}
.bee-purple-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.bee-purple-theme .button-text-hidden {
  display: none;
}
.bee-deep-purple-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #573c87;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #cddc39;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #cddc39;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #573c87 87%, transparent);
  --mat-form-field-filled-caret-color: #573c87;
  --mat-form-field-filled-focus-active-indicator-color: #573c87;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #573c87 87%, transparent);
  --mat-form-field-outlined-caret-color: #573c87;
  --mat-form-field-outlined-focus-outline-color: #573c87;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #573c87 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #573c87;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #573c87;
  --mat-slide-toggle-selected-handle-color: #573c87;
  --mat-slide-toggle-selected-hover-state-layer-color: #573c87;
  --mat-slide-toggle-selected-pressed-state-layer-color: #573c87;
  --mat-slide-toggle-selected-focus-handle-color: #573c87;
  --mat-slide-toggle-selected-hover-handle-color: #573c87;
  --mat-slide-toggle-selected-pressed-handle-color: #573c87;
  --mat-slide-toggle-selected-focus-track-color: #8977ab;
  --mat-slide-toggle-selected-hover-track-color: #8977ab;
  --mat-slide-toggle-selected-pressed-track-color: #8977ab;
  --mat-slide-toggle-selected-track-color: #8977ab;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #573c87;
  --mat-slider-focus-handle-color: #573c87;
  --mat-slider-handle-color: #573c87;
  --mat-slider-hover-handle-color: #573c87;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #573c87 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #573c87 4%, transparent);
  --mat-slider-inactive-track-color: #573c87;
  --mat-slider-ripple-color: #573c87;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #573c87;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #cddc39;
  --mat-checkbox-selected-hover-icon-color: #cddc39;
  --mat-checkbox-selected-icon-color: #cddc39;
  --mat-checkbox-selected-pressed-icon-color: #cddc39;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #cddc39;
  --mat-checkbox-selected-hover-state-layer-color: #cddc39;
  --mat-checkbox-selected-pressed-state-layer-color: #cddc39;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #8977ab;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #573c87;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #573c87;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #573c87 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #573c87;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #573c87 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #573c87 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #573c87 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #573c87;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #573c87;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #573c87;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #573c87;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #573c87;
  --mat-slide-toggle-selected-handle-color: #573c87;
  --mat-slide-toggle-selected-hover-state-layer-color: #573c87;
  --mat-slide-toggle-selected-pressed-state-layer-color: #573c87;
  --mat-slide-toggle-selected-focus-handle-color: #573c87;
  --mat-slide-toggle-selected-hover-handle-color: #573c87;
  --mat-slide-toggle-selected-pressed-handle-color: #573c87;
  --mat-slide-toggle-selected-focus-track-color: #8977ab;
  --mat-slide-toggle-selected-hover-track-color: #8977ab;
  --mat-slide-toggle-selected-pressed-track-color: #8977ab;
  --mat-slide-toggle-selected-track-color: #8977ab;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-deep-purple-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #cddc39;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-deep-purple-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-deep-purple-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #573c87;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #573c87;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-deep-purple-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #cddc39;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #cddc39;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-deep-purple-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-deep-purple-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #573c87;
  --mat-progress-bar-track-color: rgba(87, 60, 135, 0.25);
}
.bee-deep-purple-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #cddc39;
  --mat-progress-bar-track-color: rgba(205, 220, 57, 0.25);
}
.bee-deep-purple-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.bee-deep-purple-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #cddc39 87%, transparent);
  --mat-form-field-filled-caret-color: #cddc39;
  --mat-form-field-filled-focus-active-indicator-color: #cddc39;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #cddc39 87%, transparent);
  --mat-form-field-outlined-caret-color: #cddc39;
  --mat-form-field-outlined-focus-outline-color: #cddc39;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #cddc39 87%, transparent);
}
.bee-deep-purple-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.bee-deep-purple-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #cddc39;
  --mat-select-invalid-arrow-color: #e74737;
}
.bee-deep-purple-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.bee-deep-purple-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.bee-deep-purple-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-purple-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.bee-deep-purple-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #573c87;
  --mat-chip-elevated-disabled-container-color: #573c87;
  --mat-chip-elevated-selected-container-color: #573c87;
  --mat-chip-flat-disabled-selected-container-color: #573c87;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bee-deep-purple-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.bee-deep-purple-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: #cddc39;
  --mat-chip-elevated-disabled-container-color: #cddc39;
  --mat-chip-elevated-selected-container-color: #cddc39;
  --mat-chip-flat-disabled-selected-container-color: #cddc39;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-purple-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.bee-deep-purple-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bee-deep-purple-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.bee-deep-purple-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.bee-deep-purple-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-focus-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-handle-color: #cddc39;
  --mat-slide-toggle-selected-pressed-handle-color: #cddc39;
  --mat-slide-toggle-selected-focus-track-color: #dce775;
  --mat-slide-toggle-selected-hover-track-color: #dce775;
  --mat-slide-toggle-selected-pressed-track-color: #dce775;
  --mat-slide-toggle-selected-track-color: #dce775;
}
.bee-deep-purple-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bee-deep-purple-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-deep-purple-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #573c87;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #573c87;
  --mat-radio-selected-hover-icon-color: #573c87;
  --mat-radio-selected-icon-color: #573c87;
  --mat-radio-selected-pressed-icon-color: #573c87;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-purple-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #cddc39;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #cddc39;
  --mat-radio-selected-hover-icon-color: #cddc39;
  --mat-radio-selected-icon-color: #cddc39;
  --mat-radio-selected-pressed-icon-color: #cddc39;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-purple-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-purple-theme .mat-accent {
  --mat-slider-active-track-color: #cddc39;
  --mat-slider-focus-handle-color: #cddc39;
  --mat-slider-handle-color: #cddc39;
  --mat-slider-hover-handle-color: #cddc39;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #cddc39 4%, transparent);
  --mat-slider-inactive-track-color: #cddc39;
  --mat-slider-ripple-color: #cddc39;
  --mat-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-inactive-container-color: #cddc39;
}
.bee-deep-purple-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.bee-deep-purple-theme .mdc-list-item__start,
.bee-deep-purple-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #573c87;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #573c87;
  --mat-radio-selected-hover-icon-color: #573c87;
  --mat-radio-selected-icon-color: #573c87;
  --mat-radio-selected-pressed-icon-color: #573c87;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-purple-theme .mat-accent .mdc-list-item__start,
.bee-deep-purple-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #cddc39;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #cddc39;
  --mat-radio-selected-hover-icon-color: #cddc39;
  --mat-radio-selected-icon-color: #cddc39;
  --mat-radio-selected-pressed-icon-color: #cddc39;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-purple-theme .mat-warn .mdc-list-item__start,
.bee-deep-purple-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-purple-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #573c87;
  --mat-checkbox-selected-hover-icon-color: #573c87;
  --mat-checkbox-selected-icon-color: #573c87;
  --mat-checkbox-selected-pressed-icon-color: #573c87;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #573c87;
  --mat-checkbox-selected-hover-state-layer-color: #573c87;
  --mat-checkbox-selected-pressed-state-layer-color: #573c87;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-purple-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #cddc39;
  --mat-checkbox-selected-hover-icon-color: #cddc39;
  --mat-checkbox-selected-icon-color: #cddc39;
  --mat-checkbox-selected-pressed-icon-color: #cddc39;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #cddc39;
  --mat-checkbox-selected-hover-state-layer-color: #cddc39;
  --mat-checkbox-selected-pressed-state-layer-color: #cddc39;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-purple-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-purple-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.bee-deep-purple-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.bee-deep-purple-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.bee-deep-purple-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #573c87;
}
.bee-deep-purple-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.bee-deep-purple-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.bee-deep-purple-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.bee-deep-purple-theme .mdc-list-item__start,
.bee-deep-purple-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.bee-deep-purple-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.bee-deep-purple-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.bee-deep-purple-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.bee-deep-purple-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.bee-deep-purple-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.bee-deep-purple-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.bee-deep-purple-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.bee-deep-purple-theme .mat-mdc-tab-group,
.bee-deep-purple-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #573c87;
  --mat-tab-active-ripple-color: #573c87;
  --mat-tab-inactive-ripple-color: #573c87;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #573c87;
  --mat-tab-active-hover-label-text-color: #573c87;
  --mat-tab-active-focus-indicator-color: #573c87;
  --mat-tab-active-hover-indicator-color: #573c87;
  --mat-tab-active-indicator-color: #573c87;
}
.bee-deep-purple-theme .mat-mdc-tab-group.mat-accent,
.bee-deep-purple-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #cddc39;
  --mat-tab-active-ripple-color: #cddc39;
  --mat-tab-inactive-ripple-color: #cddc39;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #cddc39;
  --mat-tab-active-hover-label-text-color: #cddc39;
  --mat-tab-active-focus-indicator-color: #cddc39;
  --mat-tab-active-hover-indicator-color: #cddc39;
  --mat-tab-active-indicator-color: #cddc39;
}
.bee-deep-purple-theme .mat-mdc-tab-group.mat-warn,
.bee-deep-purple-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.bee-deep-purple-theme .mat-mdc-tab-group.mat-background-primary,
.bee-deep-purple-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #573c87;
  --mat-tab-foreground-color: #ffffff;
}
.bee-deep-purple-theme .mat-mdc-tab-group.mat-background-accent,
.bee-deep-purple-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #cddc39;
  --mat-tab-foreground-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-purple-theme .mat-mdc-tab-group.mat-background-warn,
.bee-deep-purple-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.bee-deep-purple-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.bee-deep-purple-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.bee-deep-purple-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #573c87;
  --mat-checkbox-selected-hover-icon-color: #573c87;
  --mat-checkbox-selected-icon-color: #573c87;
  --mat-checkbox-selected-pressed-icon-color: #573c87;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #573c87;
  --mat-checkbox-selected-hover-state-layer-color: #573c87;
  --mat-checkbox-selected-pressed-state-layer-color: #573c87;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-purple-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-purple-theme .mat-mdc-button.mat-primary,
.bee-deep-purple-theme .mat-mdc-unelevated-button.mat-primary,
.bee-deep-purple-theme .mat-mdc-raised-button.mat-primary,
.bee-deep-purple-theme .mat-mdc-outlined-button.mat-primary,
.bee-deep-purple-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #573c87;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #573c87;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #573c87 12%, transparent);
  --mat-button-outlined-state-layer-color: #573c87;
  --mat-button-protected-container-color: #573c87;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #573c87;
  --mat-button-text-ripple-color: color-mix(in srgb, #573c87 12%, transparent);
  --mat-button-text-state-layer-color: #573c87;
  --mat-button-tonal-container-color: #573c87;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bee-deep-purple-theme .mat-mdc-button.mat-accent,
.bee-deep-purple-theme .mat-mdc-unelevated-button.mat-accent,
.bee-deep-purple-theme .mat-mdc-raised-button.mat-accent,
.bee-deep-purple-theme .mat-mdc-outlined-button.mat-accent,
.bee-deep-purple-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #cddc39;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-label-text-color: #cddc39;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-button-outlined-state-layer-color: #cddc39;
  --mat-button-protected-container-color: #cddc39;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-label-text-color: #cddc39;
  --mat-button-text-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-button-text-state-layer-color: #cddc39;
  --mat-button-tonal-container-color: #cddc39;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-purple-theme .mat-mdc-button.mat-warn,
.bee-deep-purple-theme .mat-mdc-unelevated-button.mat-warn,
.bee-deep-purple-theme .mat-mdc-raised-button.mat-warn,
.bee-deep-purple-theme .mat-mdc-outlined-button.mat-warn,
.bee-deep-purple-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bee-deep-purple-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #573c87;
  --mat-icon-button-state-layer-color: #573c87;
  --mat-icon-button-ripple-color: color-mix(in srgb, #573c87 12%, transparent);
}
.bee-deep-purple-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #cddc39;
  --mat-icon-button-state-layer-color: #cddc39;
  --mat-icon-button-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
}
.bee-deep-purple-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.bee-deep-purple-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.bee-deep-purple-theme .mat-mdc-fab.mat-primary,
.bee-deep-purple-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #573c87;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #573c87 12%, transparent);
  --mat-fab-small-container-color: #573c87;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bee-deep-purple-theme .mat-mdc-fab.mat-accent,
.bee-deep-purple-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #cddc39;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-fab-small-container-color: #cddc39;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-purple-theme .mat-mdc-fab.mat-warn,
.bee-deep-purple-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bee-deep-purple-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #cddc39;
}
.bee-deep-purple-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.bee-deep-purple-theme .mat-badge-accent {
  --mat-badge-background-color: #cddc39;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-purple-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.bee-deep-purple-theme .mat-datepicker-content.mat-accent,
.bee-deep-purple-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #cddc39;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #cddc39 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #cddc39 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #cddc39;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-purple-theme .mat-datepicker-content.mat-warn,
.bee-deep-purple-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-purple-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.bee-deep-purple-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.bee-deep-purple-theme .mat-icon.mat-primary {
  --mat-icon-color: #573c87;
}
.bee-deep-purple-theme .mat-icon.mat-accent {
  --mat-icon-color: #cddc39;
}
.bee-deep-purple-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.bee-deep-purple-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #cddc39;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #cddc39;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #cddc39;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-purple-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.bee-deep-purple-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #573c87;
  --mat-toolbar-container-text-color: #ffffff;
}
.bee-deep-purple-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #cddc39;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-purple-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.bee-deep-purple-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-focus-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-handle-color: #cddc39;
  --mat-slide-toggle-selected-pressed-handle-color: #cddc39;
  --mat-slide-toggle-selected-focus-track-color: #dce775;
  --mat-slide-toggle-selected-hover-track-color: #dce775;
  --mat-slide-toggle-selected-pressed-track-color: #dce775;
  --mat-slide-toggle-selected-track-color: #dce775;
}
.bee-deep-purple-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bee-deep-purple-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-deep-purple-theme .back-container {
  color: #573c87;
}
.bee-deep-purple-theme .back-container:hover {
  opacity: 0.54;
}
.bee-deep-purple-theme .warn-text {
  color: #e74737;
}
.bee-deep-purple-theme .inside-modal-title.primary-colored-title,
.bee-deep-purple-theme .form-title.primary-colored-title {
  color: #573c87;
}
.bee-deep-purple-theme .full-height-container form .button-container {
  background: white;
}
.bee-deep-purple-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.bee-deep-purple-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.bee-deep-purple-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-purple-theme .box-checkbox.active-box-checkbox {
  background-color: #573c87;
  color: white;
}
.bee-deep-purple-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-purple-theme .box-radio.active-box-radio {
  background-color: #573c87;
  color: white;
}
.bee-deep-purple-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-purple-theme .error {
  color: #e74737;
}
.bee-deep-purple-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.bee-deep-purple-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-purple-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-purple-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.bee-deep-purple-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-purple-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-purple-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-purple-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-purple-theme .ql-snow .ql-picker-options {
  background: white;
}
.bee-deep-purple-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.bee-deep-purple-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.bee-deep-purple-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.bee-deep-purple-theme .ql-snow .ql-fill,
.bee-deep-purple-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.bee-deep-purple-theme .ql-snow.ql-toolbar button:hover,
.bee-deep-purple-theme .ql-snow .ql-toolbar button:hover,
.bee-deep-purple-theme .ql-snow.ql-toolbar button:focus,
.bee-deep-purple-theme .ql-snow .ql-toolbar button:focus,
.bee-deep-purple-theme .ql-snow.ql-toolbar button.ql-active,
.bee-deep-purple-theme .ql-snow .ql-toolbar button.ql-active,
.bee-deep-purple-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.bee-deep-purple-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.bee-deep-purple-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.bee-deep-purple-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.bee-deep-purple-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.bee-deep-purple-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.bee-deep-purple-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.bee-deep-purple-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.bee-deep-purple-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.bee-deep-purple-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.bee-deep-purple-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.bee-deep-purple-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.bee-deep-purple-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.bee-deep-purple-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.bee-deep-purple-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-deep-purple-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-deep-purple-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-deep-purple-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-deep-purple-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-deep-purple-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-deep-purple-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-deep-purple-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-deep-purple-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-deep-purple-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-deep-purple-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-deep-purple-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-deep-purple-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-deep-purple-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-deep-purple-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-deep-purple-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-deep-purple-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-deep-purple-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-deep-purple-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-deep-purple-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-deep-purple-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.bee-deep-purple-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.bee-deep-purple-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.bee-deep-purple-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.bee-deep-purple-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.bee-deep-purple-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.bee-deep-purple-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.bee-deep-purple-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.bee-deep-purple-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-deep-purple-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-deep-purple-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-deep-purple-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-deep-purple-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-deep-purple-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-deep-purple-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-deep-purple-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-deep-purple-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.bee-deep-purple-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.bee-deep-purple-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.bee-deep-purple-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.bee-deep-purple-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.bee-deep-purple-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.bee-deep-purple-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-deep-purple-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-deep-purple-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-deep-purple-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-deep-purple-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-deep-purple-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-deep-purple-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.bee-deep-purple-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.bee-deep-purple-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-deep-purple-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-deep-purple-theme bee-form-item {
  margin-right: 0 !important;
}
.bee-deep-purple-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.bee-deep-purple-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #573c87;
  height: 38px !important;
}
.bee-deep-purple-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.bee-deep-purple-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.bee-deep-purple-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.bee-deep-purple-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.bee-deep-purple-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.bee-deep-purple-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.bee-deep-purple-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.bee-deep-purple-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.bee-deep-purple-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .bee-deep-purple-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.bee-deep-purple-theme .general-container .label-wrapper label {
  color: #573c87 !important;
  background-color: white;
}
.bee-deep-purple-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-deep-purple-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.bee-deep-purple-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.bee-deep-purple-theme .general-container .bee-selector .bee-selector-container {
  border-color: #573c87 !important;
}
.bee-deep-purple-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.bee-deep-purple-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.bee-deep-purple-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-purple-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.bee-deep-purple-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.bee-deep-purple-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-purple-theme .general-container .bee-selector .bee-selector-container:focus,
.bee-deep-purple-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #573c87;
}
.bee-deep-purple-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.bee-deep-purple-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #573c87;
}
.bee-deep-purple-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.bee-deep-purple-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #573c87;
}
.bee-deep-purple-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bee-deep-purple-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-deep-purple-theme .general-container .bee-dropdown {
  background: white;
}
.bee-deep-purple-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #573c87;
}
.bee-deep-purple-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.bee-deep-purple-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.bee-deep-purple-theme .general-container .selector-error {
  color: #e74737;
}
.bee-deep-purple-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-deep-purple-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.bee-deep-purple-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-purple-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.bee-deep-purple-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #573c87;
}
.bee-deep-purple-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bee-deep-purple-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-deep-purple-theme .move-image-action-container:hover {
  color: #573c87;
}
.bee-deep-purple-theme .info-icon {
  color: #573c87;
}
.bee-deep-purple-theme .email-chip {
  color: #573c87 !important;
  background-color: rgba(87, 60, 135, 0.15) !important;
}
.bee-deep-purple-theme .email-chip .mat-chip-remove {
  color: #573c87 !important;
  opacity: 1 !important;
}
.bee-deep-purple-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-purple-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.bee-deep-purple-theme .mat-badge-content {
  color: #573c87 !important;
}
.bee-deep-purple-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #573c87 !important;
}
.bee-deep-purple-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #573c87 !important;
}
.bee-deep-purple-theme #circle-lleno {
  background: #b195ff;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.bee-deep-purple-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.bee-deep-purple-theme .marine-color {
  color: #0f223e !important;
}
.bee-deep-purple-theme .primary-color {
  color: #573c87 !important;
}
.bee-deep-purple-theme .gray-color {
  color: #C0C4CA !important;
}
.bee-deep-purple-theme .primary-color-200 {
  color: #ab9ec3 !important;
}
.bee-deep-purple-theme svg.primary-fill-svg {
  fill: #573c87 !important;
}
.bee-deep-purple-theme .primary-fill {
  fill: #573c87 !important;
}
.bee-deep-purple-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-deep-purple-theme .primary-border-50 {
  border-color: #ebe8f1 !important;
}
.bee-deep-purple-theme .primary-border-100 {
  border-color: #cdc5db !important;
}
.bee-deep-purple-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.bee-deep-purple-theme .transparent-border-100 {
  border-color: transparent !important;
}
.bee-deep-purple-theme .primary-border-200 {
  border-color: #ab9ec3 !important;
}
.bee-deep-purple-theme .primary-indicator .mat-expansion-indicator:after {
  color: #573c87;
}
.bee-deep-purple-theme .contrast-background {
  background-color: #ffffff !important;
}
.bee-deep-purple-theme .primary-color-small {
  color: rgba(87, 60, 135, 0.6);
}
.bee-deep-purple-theme .marine-background {
  background-color: #0f223e !important;
}
.bee-deep-purple-theme .primary-background {
  background-color: #573c87 !important;
}
.bee-deep-purple-theme .primary-background-50 {
  background-color: #ebe8f1 !important;
}
.bee-deep-purple-theme .primary-background-200 {
  background-color: #ab9ec3 !important;
}
.bee-deep-purple-theme .primary-background-800 {
  background-color: #3c276a !important;
}
.bee-deep-purple-theme .white-color {
  color: white !important;
}
.bee-deep-purple-theme .secondary-color {
  color: #b195ff !important;
}
.bee-deep-purple-theme .secondary-background {
  background-color: #b195ff !important;
}
.bee-deep-purple-theme .secondary-background-semi {
  background-color: #573c87 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #573c87 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-deep-purple-theme .secondary-background-full {
  background-color: #573c87 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #573c87 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-deep-purple-theme .secondary-background-empty {
  background-color: #573c87 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #573c87 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-deep-purple-theme .secondary-border {
  background-color: #b195ff !important;
}
.bee-deep-purple-theme .tertiary-color {
  color: #662fff !important;
}
.bee-deep-purple-theme button.button-tertiary {
  background-color: #662fff !important;
  color: #573c87 !important;
  border: 1px solid #573c87 !important;
}
.bee-deep-purple-theme span.red-text {
  color: #DB1F35 !important;
}
.bee-deep-purple-theme .tertiary-background {
  background-color: #662fff !important;
}
.bee-deep-purple-theme .tertiary-border {
  border-color: #662fff !important;
}
.bee-deep-purple-theme .dark-background {
  background-color: black !important;
}
.bee-deep-purple-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.bee-deep-purple-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.bee-deep-purple-theme .primary-soft-background {
  background-color: rgba(87, 60, 135, 0.1) !important;
}
.bee-deep-purple-theme .primary-soft-background:hover {
  background-color: rgba(87, 60, 135, 0.15) !important;
}
.bee-deep-purple-theme .primary-border {
  border-color: #573c87 !important;
}
.bee-deep-purple-theme .default-background {
  background-color: #fafafa !important;
}
.bee-deep-purple-theme .hover-primary:hover {
  color: #573c87 !important;
}
.bee-deep-purple-theme .hover-primary-background:hover {
  background-color: #573c87 !important;
}
.bee-deep-purple-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.bee-deep-purple-theme .warn-color {
  color: #e74737 !important;
}
.bee-deep-purple-theme .warn-border {
  border-color: #e74737 !important;
}
.bee-deep-purple-theme .accent-color {
  color: #cddc39 !important;
}
.bee-deep-purple-theme .accent-background {
  background-color: #cddc39 !important;
}
.bee-deep-purple-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.bee-deep-purple-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-purple-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.bee-deep-purple-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-purple-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-purple-theme .dialog-table tr .action-icon {
  color: transparent;
}
.bee-deep-purple-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bee-deep-purple-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-purple-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #573c87;
}
.bee-deep-purple-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-deep-purple-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-purple-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.bee-deep-purple-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.bee-deep-purple-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-purple-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-purple-theme .card-table tr .action-icon {
  color: transparent;
}
.bee-deep-purple-theme .card-table tr .action-icon button {
  color: transparent;
}
.bee-deep-purple-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-deep-purple-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-purple-theme .card-table tr:hover .action-icon button {
  color: #573c87;
}
.bee-deep-purple-theme .card-table tr:hover .action-icon:hover {
  color: #573c87;
}
.bee-deep-purple-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-purple-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.bee-deep-purple-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-deep-purple-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-purple-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #573c87;
}
.bee-deep-purple-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-purple-theme .no-hover-table tr:hover {
  background: white;
}
.bee-deep-purple-theme .custom-standard-chip {
  background-color: rgba(87, 60, 135, 0.1) !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .help-dashboard-card .mat-icon {
  color: #573c87;
}
.bee-deep-purple-theme .help-dashboard-card:hover {
  background-color: #573c87;
}
.bee-deep-purple-theme .help-dashboard-card:hover .mat-icon,
.bee-deep-purple-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.bee-deep-purple-theme .room-open {
  background-color: #573c87 !important;
  color: white !important;
}
.bee-deep-purple-theme .room-open:hover {
  background-color: #573c87 !important;
  color: white !important;
}
.bee-deep-purple-theme #public-office-page-groups .public-group-button-hover {
  background-color: #573c87 !important;
  color: white !important;
}
.bee-deep-purple-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-purple-theme .notification-container .show-tip {
  color: transparent;
}
.bee-deep-purple-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-deep-purple-theme .notification-container:hover .show-tip {
  color: #573c87;
}
.bee-deep-purple-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-deep-purple-theme .notification-container .notification-subject .mat-icon {
  color: #573c87;
}
.bee-deep-purple-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-purple-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-purple-theme .message-container .show-tip {
  color: transparent;
}
.bee-deep-purple-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-deep-purple-theme .message-container:hover .show-tip {
  color: #573c87;
}
.bee-deep-purple-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-deep-purple-theme .message-container .message-subject .mat-icon {
  color: #573c87;
}
.bee-deep-purple-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-purple-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.bee-deep-purple-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.bee-deep-purple-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.bee-deep-purple-theme .primary-200-outline input {
  caret-color: #ab9ec3;
  color: #573c87;
}
.bee-deep-purple-theme .primary-200-outline label {
  color: #ab9ec3;
}
.bee-deep-purple-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #ab9ec3 !important;
}
.bee-deep-purple-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #ab9ec3;
}
.bee-deep-purple-theme mat-form-field .primary-outline label {
  color: #573c87 !important;
}
.bee-deep-purple-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #573c87 !important;
}
.bee-deep-purple-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #573c87 !important;
}
.bee-deep-purple-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.bee-deep-purple-theme .input-primary input {
  caret-color: #573c87;
  color: #573c87;
}
.bee-deep-purple-theme .input-primary label {
  color: #573c87;
}
.bee-deep-purple-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #573c87 !important;
}
.bee-deep-purple-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.bee-deep-purple-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #573c87;
  border-width: 1px;
}
.bee-deep-purple-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.bee-deep-purple-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.bee-deep-purple-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.bee-deep-purple-theme .boton-recarga {
  background-color: #573c87;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.bee-deep-purple-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.bee-deep-purple-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.bee-deep-purple-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.bee-deep-purple-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.bee-deep-purple-theme .header-container button {
  padding: 0 !important;
}
.bee-deep-purple-theme .header-container .mat-button {
  min-width: unset !important;
}
.bee-deep-purple-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.bee-deep-purple-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bee-deep-purple-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.bee-deep-purple-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.bee-deep-purple-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.bee-deep-purple-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-deep-purple-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-deep-purple-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-deep-purple-theme .input-recarga-marine {
  border: 1px solid #573c87 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.bee-deep-purple-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-deep-purple-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-deep-purple-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-deep-purple-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-deep-purple-theme .color-primary {
  color: #573c87 !important;
  fill: #573c87 !important;
}
.bee-deep-purple-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.bee-deep-purple-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.bee-deep-purple-theme .primary-contrast {
  color: #ffffff !important;
}
.bee-deep-purple-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.bee-deep-purple-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-deep-purple-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-deep-purple-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-deep-purple-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-deep-purple-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-deep-purple-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-deep-purple-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-deep-purple-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #b195ff !important;
}
.bee-deep-purple-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-deep-purple-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .mat-checkbox-checked .mat-checkbox-background,
.bee-deep-purple-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #573c87 !important;
}
.bee-deep-purple-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-deep-purple-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-deep-purple-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ab9ec3 !important;
}
.bee-deep-purple-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-deep-purple-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.bee-deep-purple-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.bee-deep-purple-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.bee-deep-purple-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-deep-purple-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-deep-purple-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-deep-purple-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-deep-purple-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-deep-purple-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-deep-purple-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-deep-purple-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-deep-purple-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.bee-deep-purple-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.bee-deep-purple-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-deep-purple-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-deep-purple-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #b195ff !important;
}
.bee-deep-purple-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #b195ff !important;
}
.bee-deep-purple-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.bee-deep-purple-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.bee-deep-purple-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bee-deep-purple-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bee-deep-purple-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.bee-deep-purple-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #b195ff !important;
}
.bee-deep-purple-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #b195ff !important;
}
.bee-deep-purple-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.bee-deep-purple-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.bee-deep-purple-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #662fff !important;
}
.bee-deep-purple-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #662fff !important;
}
.bee-deep-purple-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #662fff !important;
}
.bee-deep-purple-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #662fff !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bee-deep-purple-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #662fff !important;
}
.bee-deep-purple-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #662fff !important;
}
.bee-deep-purple-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bee-deep-purple-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.bee-deep-purple-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bee-deep-purple-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.bee-deep-purple-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.bee-deep-purple-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #573c87 !important;
}
.bee-deep-purple-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.bee-deep-purple-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #573c87 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.bee-deep-purple-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.bee-deep-purple-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.bee-deep-purple-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.bee-deep-purple-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.bee-deep-purple-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.bee-deep-purple-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #b195ff !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-deep-purple-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #573c87 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #573c87 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-deep-purple-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #573c87 !important;
}
.bee-deep-purple-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.bee-deep-purple-theme .button-text-hidden {
  display: none;
}
.bee-deep-green-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #0a6c2d;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #cddc39;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #cddc39;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #0a6c2d 87%, transparent);
  --mat-form-field-filled-caret-color: #0a6c2d;
  --mat-form-field-filled-focus-active-indicator-color: #0a6c2d;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #0a6c2d 87%, transparent);
  --mat-form-field-outlined-caret-color: #0a6c2d;
  --mat-form-field-outlined-focus-outline-color: #0a6c2d;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #0a6c2d 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #0a6c2d;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #0a6c2d;
  --mat-slide-toggle-selected-handle-color: #0a6c2d;
  --mat-slide-toggle-selected-hover-state-layer-color: #0a6c2d;
  --mat-slide-toggle-selected-pressed-state-layer-color: #0a6c2d;
  --mat-slide-toggle-selected-focus-handle-color: #0a6c2d;
  --mat-slide-toggle-selected-hover-handle-color: #0a6c2d;
  --mat-slide-toggle-selected-pressed-handle-color: #0a6c2d;
  --mat-slide-toggle-selected-focus-track-color: #54986c;
  --mat-slide-toggle-selected-hover-track-color: #54986c;
  --mat-slide-toggle-selected-pressed-track-color: #54986c;
  --mat-slide-toggle-selected-track-color: #54986c;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #0a6c2d;
  --mat-slider-focus-handle-color: #0a6c2d;
  --mat-slider-handle-color: #0a6c2d;
  --mat-slider-hover-handle-color: #0a6c2d;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #0a6c2d 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #0a6c2d 4%, transparent);
  --mat-slider-inactive-track-color: #0a6c2d;
  --mat-slider-ripple-color: #0a6c2d;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #0a6c2d;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #cddc39;
  --mat-checkbox-selected-hover-icon-color: #cddc39;
  --mat-checkbox-selected-icon-color: #cddc39;
  --mat-checkbox-selected-pressed-icon-color: #cddc39;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #cddc39;
  --mat-checkbox-selected-hover-state-layer-color: #cddc39;
  --mat-checkbox-selected-pressed-state-layer-color: #cddc39;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #54986c;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #0a6c2d;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #0a6c2d;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #0a6c2d 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #0a6c2d;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #0a6c2d 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #0a6c2d 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #0a6c2d 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #0a6c2d;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #0a6c2d;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #0a6c2d;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #0a6c2d;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #0a6c2d;
  --mat-slide-toggle-selected-handle-color: #0a6c2d;
  --mat-slide-toggle-selected-hover-state-layer-color: #0a6c2d;
  --mat-slide-toggle-selected-pressed-state-layer-color: #0a6c2d;
  --mat-slide-toggle-selected-focus-handle-color: #0a6c2d;
  --mat-slide-toggle-selected-hover-handle-color: #0a6c2d;
  --mat-slide-toggle-selected-pressed-handle-color: #0a6c2d;
  --mat-slide-toggle-selected-focus-track-color: #54986c;
  --mat-slide-toggle-selected-hover-track-color: #54986c;
  --mat-slide-toggle-selected-pressed-track-color: #54986c;
  --mat-slide-toggle-selected-track-color: #54986c;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-deep-green-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #cddc39;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-deep-green-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-deep-green-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #0a6c2d;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #0a6c2d;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-deep-green-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #cddc39;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #cddc39;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-deep-green-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-deep-green-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #0a6c2d;
  --mat-progress-bar-track-color: rgba(10, 108, 45, 0.25);
}
.bee-deep-green-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #cddc39;
  --mat-progress-bar-track-color: rgba(205, 220, 57, 0.25);
}
.bee-deep-green-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.bee-deep-green-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #cddc39 87%, transparent);
  --mat-form-field-filled-caret-color: #cddc39;
  --mat-form-field-filled-focus-active-indicator-color: #cddc39;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #cddc39 87%, transparent);
  --mat-form-field-outlined-caret-color: #cddc39;
  --mat-form-field-outlined-focus-outline-color: #cddc39;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #cddc39 87%, transparent);
}
.bee-deep-green-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.bee-deep-green-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #cddc39;
  --mat-select-invalid-arrow-color: #e74737;
}
.bee-deep-green-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.bee-deep-green-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.bee-deep-green-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-green-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.bee-deep-green-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #0a6c2d;
  --mat-chip-elevated-disabled-container-color: #0a6c2d;
  --mat-chip-elevated-selected-container-color: #0a6c2d;
  --mat-chip-flat-disabled-selected-container-color: #0a6c2d;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bee-deep-green-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.bee-deep-green-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: #cddc39;
  --mat-chip-elevated-disabled-container-color: #cddc39;
  --mat-chip-elevated-selected-container-color: #cddc39;
  --mat-chip-flat-disabled-selected-container-color: #cddc39;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-green-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.bee-deep-green-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bee-deep-green-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.bee-deep-green-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.bee-deep-green-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-focus-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-handle-color: #cddc39;
  --mat-slide-toggle-selected-pressed-handle-color: #cddc39;
  --mat-slide-toggle-selected-focus-track-color: #dce775;
  --mat-slide-toggle-selected-hover-track-color: #dce775;
  --mat-slide-toggle-selected-pressed-track-color: #dce775;
  --mat-slide-toggle-selected-track-color: #dce775;
}
.bee-deep-green-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bee-deep-green-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-deep-green-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #0a6c2d;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #0a6c2d;
  --mat-radio-selected-hover-icon-color: #0a6c2d;
  --mat-radio-selected-icon-color: #0a6c2d;
  --mat-radio-selected-pressed-icon-color: #0a6c2d;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-green-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #cddc39;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #cddc39;
  --mat-radio-selected-hover-icon-color: #cddc39;
  --mat-radio-selected-icon-color: #cddc39;
  --mat-radio-selected-pressed-icon-color: #cddc39;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-green-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-green-theme .mat-accent {
  --mat-slider-active-track-color: #cddc39;
  --mat-slider-focus-handle-color: #cddc39;
  --mat-slider-handle-color: #cddc39;
  --mat-slider-hover-handle-color: #cddc39;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #cddc39 4%, transparent);
  --mat-slider-inactive-track-color: #cddc39;
  --mat-slider-ripple-color: #cddc39;
  --mat-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-inactive-container-color: #cddc39;
}
.bee-deep-green-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.bee-deep-green-theme .mdc-list-item__start,
.bee-deep-green-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #0a6c2d;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #0a6c2d;
  --mat-radio-selected-hover-icon-color: #0a6c2d;
  --mat-radio-selected-icon-color: #0a6c2d;
  --mat-radio-selected-pressed-icon-color: #0a6c2d;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-green-theme .mat-accent .mdc-list-item__start,
.bee-deep-green-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #cddc39;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #cddc39;
  --mat-radio-selected-hover-icon-color: #cddc39;
  --mat-radio-selected-icon-color: #cddc39;
  --mat-radio-selected-pressed-icon-color: #cddc39;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-green-theme .mat-warn .mdc-list-item__start,
.bee-deep-green-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-green-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #0a6c2d;
  --mat-checkbox-selected-hover-icon-color: #0a6c2d;
  --mat-checkbox-selected-icon-color: #0a6c2d;
  --mat-checkbox-selected-pressed-icon-color: #0a6c2d;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #0a6c2d;
  --mat-checkbox-selected-hover-state-layer-color: #0a6c2d;
  --mat-checkbox-selected-pressed-state-layer-color: #0a6c2d;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-green-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #cddc39;
  --mat-checkbox-selected-hover-icon-color: #cddc39;
  --mat-checkbox-selected-icon-color: #cddc39;
  --mat-checkbox-selected-pressed-icon-color: #cddc39;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #cddc39;
  --mat-checkbox-selected-hover-state-layer-color: #cddc39;
  --mat-checkbox-selected-pressed-state-layer-color: #cddc39;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-green-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-green-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.bee-deep-green-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.bee-deep-green-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.bee-deep-green-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #0a6c2d;
}
.bee-deep-green-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.bee-deep-green-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.bee-deep-green-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.bee-deep-green-theme .mdc-list-item__start,
.bee-deep-green-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.bee-deep-green-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.bee-deep-green-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.bee-deep-green-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.bee-deep-green-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.bee-deep-green-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.bee-deep-green-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.bee-deep-green-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.bee-deep-green-theme .mat-mdc-tab-group,
.bee-deep-green-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #0a6c2d;
  --mat-tab-active-ripple-color: #0a6c2d;
  --mat-tab-inactive-ripple-color: #0a6c2d;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #0a6c2d;
  --mat-tab-active-hover-label-text-color: #0a6c2d;
  --mat-tab-active-focus-indicator-color: #0a6c2d;
  --mat-tab-active-hover-indicator-color: #0a6c2d;
  --mat-tab-active-indicator-color: #0a6c2d;
}
.bee-deep-green-theme .mat-mdc-tab-group.mat-accent,
.bee-deep-green-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #cddc39;
  --mat-tab-active-ripple-color: #cddc39;
  --mat-tab-inactive-ripple-color: #cddc39;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #cddc39;
  --mat-tab-active-hover-label-text-color: #cddc39;
  --mat-tab-active-focus-indicator-color: #cddc39;
  --mat-tab-active-hover-indicator-color: #cddc39;
  --mat-tab-active-indicator-color: #cddc39;
}
.bee-deep-green-theme .mat-mdc-tab-group.mat-warn,
.bee-deep-green-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.bee-deep-green-theme .mat-mdc-tab-group.mat-background-primary,
.bee-deep-green-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #0a6c2d;
  --mat-tab-foreground-color: #ffffff;
}
.bee-deep-green-theme .mat-mdc-tab-group.mat-background-accent,
.bee-deep-green-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #cddc39;
  --mat-tab-foreground-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-green-theme .mat-mdc-tab-group.mat-background-warn,
.bee-deep-green-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.bee-deep-green-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.bee-deep-green-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.bee-deep-green-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #0a6c2d;
  --mat-checkbox-selected-hover-icon-color: #0a6c2d;
  --mat-checkbox-selected-icon-color: #0a6c2d;
  --mat-checkbox-selected-pressed-icon-color: #0a6c2d;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #0a6c2d;
  --mat-checkbox-selected-hover-state-layer-color: #0a6c2d;
  --mat-checkbox-selected-pressed-state-layer-color: #0a6c2d;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-green-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-green-theme .mat-mdc-button.mat-primary,
.bee-deep-green-theme .mat-mdc-unelevated-button.mat-primary,
.bee-deep-green-theme .mat-mdc-raised-button.mat-primary,
.bee-deep-green-theme .mat-mdc-outlined-button.mat-primary,
.bee-deep-green-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #0a6c2d;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #0a6c2d;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #0a6c2d 12%, transparent);
  --mat-button-outlined-state-layer-color: #0a6c2d;
  --mat-button-protected-container-color: #0a6c2d;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #0a6c2d;
  --mat-button-text-ripple-color: color-mix(in srgb, #0a6c2d 12%, transparent);
  --mat-button-text-state-layer-color: #0a6c2d;
  --mat-button-tonal-container-color: #0a6c2d;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bee-deep-green-theme .mat-mdc-button.mat-accent,
.bee-deep-green-theme .mat-mdc-unelevated-button.mat-accent,
.bee-deep-green-theme .mat-mdc-raised-button.mat-accent,
.bee-deep-green-theme .mat-mdc-outlined-button.mat-accent,
.bee-deep-green-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #cddc39;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-label-text-color: #cddc39;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-button-outlined-state-layer-color: #cddc39;
  --mat-button-protected-container-color: #cddc39;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-label-text-color: #cddc39;
  --mat-button-text-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-button-text-state-layer-color: #cddc39;
  --mat-button-tonal-container-color: #cddc39;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-green-theme .mat-mdc-button.mat-warn,
.bee-deep-green-theme .mat-mdc-unelevated-button.mat-warn,
.bee-deep-green-theme .mat-mdc-raised-button.mat-warn,
.bee-deep-green-theme .mat-mdc-outlined-button.mat-warn,
.bee-deep-green-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bee-deep-green-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #0a6c2d;
  --mat-icon-button-state-layer-color: #0a6c2d;
  --mat-icon-button-ripple-color: color-mix(in srgb, #0a6c2d 12%, transparent);
}
.bee-deep-green-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #cddc39;
  --mat-icon-button-state-layer-color: #cddc39;
  --mat-icon-button-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
}
.bee-deep-green-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.bee-deep-green-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.bee-deep-green-theme .mat-mdc-fab.mat-primary,
.bee-deep-green-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #0a6c2d;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #0a6c2d 12%, transparent);
  --mat-fab-small-container-color: #0a6c2d;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bee-deep-green-theme .mat-mdc-fab.mat-accent,
.bee-deep-green-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #cddc39;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-fab-small-container-color: #cddc39;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-green-theme .mat-mdc-fab.mat-warn,
.bee-deep-green-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bee-deep-green-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #cddc39;
}
.bee-deep-green-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.bee-deep-green-theme .mat-badge-accent {
  --mat-badge-background-color: #cddc39;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-green-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.bee-deep-green-theme .mat-datepicker-content.mat-accent,
.bee-deep-green-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #cddc39;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #cddc39 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #cddc39 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #cddc39;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-green-theme .mat-datepicker-content.mat-warn,
.bee-deep-green-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-green-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.bee-deep-green-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.bee-deep-green-theme .mat-icon.mat-primary {
  --mat-icon-color: #0a6c2d;
}
.bee-deep-green-theme .mat-icon.mat-accent {
  --mat-icon-color: #cddc39;
}
.bee-deep-green-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.bee-deep-green-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #cddc39;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #cddc39;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #cddc39;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-green-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.bee-deep-green-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #0a6c2d;
  --mat-toolbar-container-text-color: #ffffff;
}
.bee-deep-green-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #cddc39;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-green-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.bee-deep-green-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-focus-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-handle-color: #cddc39;
  --mat-slide-toggle-selected-pressed-handle-color: #cddc39;
  --mat-slide-toggle-selected-focus-track-color: #dce775;
  --mat-slide-toggle-selected-hover-track-color: #dce775;
  --mat-slide-toggle-selected-pressed-track-color: #dce775;
  --mat-slide-toggle-selected-track-color: #dce775;
}
.bee-deep-green-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bee-deep-green-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-deep-green-theme .back-container {
  color: #0a6c2d;
}
.bee-deep-green-theme .back-container:hover {
  opacity: 0.54;
}
.bee-deep-green-theme .warn-text {
  color: #e74737;
}
.bee-deep-green-theme .inside-modal-title.primary-colored-title,
.bee-deep-green-theme .form-title.primary-colored-title {
  color: #0a6c2d;
}
.bee-deep-green-theme .full-height-container form .button-container {
  background: white;
}
.bee-deep-green-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.bee-deep-green-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.bee-deep-green-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-green-theme .box-checkbox.active-box-checkbox {
  background-color: #0a6c2d;
  color: white;
}
.bee-deep-green-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-green-theme .box-radio.active-box-radio {
  background-color: #0a6c2d;
  color: white;
}
.bee-deep-green-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-green-theme .error {
  color: #e74737;
}
.bee-deep-green-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.bee-deep-green-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-green-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-green-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.bee-deep-green-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-green-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-green-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-green-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-green-theme .ql-snow .ql-picker-options {
  background: white;
}
.bee-deep-green-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.bee-deep-green-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.bee-deep-green-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.bee-deep-green-theme .ql-snow .ql-fill,
.bee-deep-green-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.bee-deep-green-theme .ql-snow.ql-toolbar button:hover,
.bee-deep-green-theme .ql-snow .ql-toolbar button:hover,
.bee-deep-green-theme .ql-snow.ql-toolbar button:focus,
.bee-deep-green-theme .ql-snow .ql-toolbar button:focus,
.bee-deep-green-theme .ql-snow.ql-toolbar button.ql-active,
.bee-deep-green-theme .ql-snow .ql-toolbar button.ql-active,
.bee-deep-green-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.bee-deep-green-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.bee-deep-green-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.bee-deep-green-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.bee-deep-green-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.bee-deep-green-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.bee-deep-green-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.bee-deep-green-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.bee-deep-green-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.bee-deep-green-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.bee-deep-green-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.bee-deep-green-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.bee-deep-green-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.bee-deep-green-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.bee-deep-green-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-deep-green-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-deep-green-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-deep-green-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-deep-green-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-deep-green-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-deep-green-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-deep-green-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-deep-green-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-deep-green-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-deep-green-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-deep-green-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-deep-green-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-deep-green-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-deep-green-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-deep-green-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-deep-green-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-deep-green-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-deep-green-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-deep-green-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-deep-green-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.bee-deep-green-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.bee-deep-green-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.bee-deep-green-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.bee-deep-green-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.bee-deep-green-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.bee-deep-green-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.bee-deep-green-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.bee-deep-green-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-deep-green-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-deep-green-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-deep-green-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-deep-green-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-deep-green-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-deep-green-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-deep-green-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-deep-green-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.bee-deep-green-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.bee-deep-green-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.bee-deep-green-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.bee-deep-green-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.bee-deep-green-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.bee-deep-green-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-deep-green-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-deep-green-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-deep-green-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-deep-green-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-deep-green-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-deep-green-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.bee-deep-green-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.bee-deep-green-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-deep-green-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-deep-green-theme bee-form-item {
  margin-right: 0 !important;
}
.bee-deep-green-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.bee-deep-green-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #0a6c2d;
  height: 38px !important;
}
.bee-deep-green-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.bee-deep-green-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.bee-deep-green-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.bee-deep-green-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.bee-deep-green-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.bee-deep-green-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.bee-deep-green-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.bee-deep-green-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.bee-deep-green-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .bee-deep-green-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.bee-deep-green-theme .general-container .label-wrapper label {
  color: #0a6c2d !important;
  background-color: white;
}
.bee-deep-green-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-deep-green-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.bee-deep-green-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.bee-deep-green-theme .general-container .bee-selector .bee-selector-container {
  border-color: #0a6c2d !important;
}
.bee-deep-green-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.bee-deep-green-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.bee-deep-green-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-green-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.bee-deep-green-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.bee-deep-green-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-green-theme .general-container .bee-selector .bee-selector-container:focus,
.bee-deep-green-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #0a6c2d;
}
.bee-deep-green-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.bee-deep-green-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #0a6c2d;
}
.bee-deep-green-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.bee-deep-green-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #0a6c2d;
}
.bee-deep-green-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bee-deep-green-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-deep-green-theme .general-container .bee-dropdown {
  background: white;
}
.bee-deep-green-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #0a6c2d;
}
.bee-deep-green-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.bee-deep-green-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.bee-deep-green-theme .general-container .selector-error {
  color: #e74737;
}
.bee-deep-green-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-deep-green-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.bee-deep-green-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-green-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.bee-deep-green-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #0a6c2d;
}
.bee-deep-green-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bee-deep-green-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-deep-green-theme .move-image-action-container:hover {
  color: #0a6c2d;
}
.bee-deep-green-theme .info-icon {
  color: #0a6c2d;
}
.bee-deep-green-theme .email-chip {
  color: #0a6c2d !important;
  background-color: rgba(10, 108, 45, 0.15) !important;
}
.bee-deep-green-theme .email-chip .mat-chip-remove {
  color: #0a6c2d !important;
  opacity: 1 !important;
}
.bee-deep-green-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-green-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.bee-deep-green-theme .mat-badge-content {
  color: #0a6c2d !important;
}
.bee-deep-green-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #0a6c2d !important;
}
.bee-deep-green-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #0a6c2d !important;
}
.bee-deep-green-theme #circle-lleno {
  background: #73ff89;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.bee-deep-green-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.bee-deep-green-theme .marine-color {
  color: #0f223e !important;
}
.bee-deep-green-theme .primary-color {
  color: #0a6c2d !important;
}
.bee-deep-green-theme .gray-color {
  color: #C0C4CA !important;
}
.bee-deep-green-theme .primary-color-200 {
  color: #85b696 !important;
}
.bee-deep-green-theme svg.primary-fill-svg {
  fill: #0a6c2d !important;
}
.bee-deep-green-theme .primary-fill {
  fill: #0a6c2d !important;
}
.bee-deep-green-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-deep-green-theme .primary-border-50 {
  border-color: #e2ede6 !important;
}
.bee-deep-green-theme .primary-border-100 {
  border-color: #b6d3c0 !important;
}
.bee-deep-green-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.bee-deep-green-theme .transparent-border-100 {
  border-color: transparent !important;
}
.bee-deep-green-theme .primary-border-200 {
  border-color: #85b696 !important;
}
.bee-deep-green-theme .primary-indicator .mat-expansion-indicator:after {
  color: #0a6c2d;
}
.bee-deep-green-theme .contrast-background {
  background-color: #ffffff !important;
}
.bee-deep-green-theme .primary-color-small {
  color: rgba(10, 108, 45, 0.6);
}
.bee-deep-green-theme .marine-background {
  background-color: #0f223e !important;
}
.bee-deep-green-theme .primary-background {
  background-color: #0a6c2d !important;
}
.bee-deep-green-theme .primary-background-50 {
  background-color: #e2ede6 !important;
}
.bee-deep-green-theme .primary-background-200 {
  background-color: #85b696 !important;
}
.bee-deep-green-theme .primary-background-800 {
  background-color: #054f1c !important;
}
.bee-deep-green-theme .white-color {
  color: white !important;
}
.bee-deep-green-theme .secondary-color {
  color: #73ff89 !important;
}
.bee-deep-green-theme .secondary-background {
  background-color: #73ff89 !important;
}
.bee-deep-green-theme .secondary-background-semi {
  background-color: #0a6c2d !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #0a6c2d !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-deep-green-theme .secondary-background-full {
  background-color: #0a6c2d !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #0a6c2d !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-deep-green-theme .secondary-background-empty {
  background-color: #0a6c2d !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #0a6c2d !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-deep-green-theme .secondary-border {
  background-color: #73ff89 !important;
}
.bee-deep-green-theme .tertiary-color {
  color: #0dff32 !important;
}
.bee-deep-green-theme button.button-tertiary {
  background-color: #0dff32 !important;
  color: #0a6c2d !important;
  border: 1px solid #0a6c2d !important;
}
.bee-deep-green-theme span.red-text {
  color: #DB1F35 !important;
}
.bee-deep-green-theme .tertiary-background {
  background-color: #0dff32 !important;
}
.bee-deep-green-theme .tertiary-border {
  border-color: #0dff32 !important;
}
.bee-deep-green-theme .dark-background {
  background-color: black !important;
}
.bee-deep-green-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.bee-deep-green-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.bee-deep-green-theme .primary-soft-background {
  background-color: rgba(10, 108, 45, 0.1) !important;
}
.bee-deep-green-theme .primary-soft-background:hover {
  background-color: rgba(10, 108, 45, 0.15) !important;
}
.bee-deep-green-theme .primary-border {
  border-color: #0a6c2d !important;
}
.bee-deep-green-theme .default-background {
  background-color: #fafafa !important;
}
.bee-deep-green-theme .hover-primary:hover {
  color: #0a6c2d !important;
}
.bee-deep-green-theme .hover-primary-background:hover {
  background-color: #0a6c2d !important;
}
.bee-deep-green-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.bee-deep-green-theme .warn-color {
  color: #e74737 !important;
}
.bee-deep-green-theme .warn-border {
  border-color: #e74737 !important;
}
.bee-deep-green-theme .accent-color {
  color: #cddc39 !important;
}
.bee-deep-green-theme .accent-background {
  background-color: #cddc39 !important;
}
.bee-deep-green-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.bee-deep-green-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-green-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.bee-deep-green-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-green-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-green-theme .dialog-table tr .action-icon {
  color: transparent;
}
.bee-deep-green-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bee-deep-green-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-green-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #0a6c2d;
}
.bee-deep-green-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-deep-green-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-green-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.bee-deep-green-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.bee-deep-green-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-green-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-green-theme .card-table tr .action-icon {
  color: transparent;
}
.bee-deep-green-theme .card-table tr .action-icon button {
  color: transparent;
}
.bee-deep-green-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-deep-green-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-green-theme .card-table tr:hover .action-icon button {
  color: #0a6c2d;
}
.bee-deep-green-theme .card-table tr:hover .action-icon:hover {
  color: #0a6c2d;
}
.bee-deep-green-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-green-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.bee-deep-green-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-deep-green-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-green-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #0a6c2d;
}
.bee-deep-green-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-green-theme .no-hover-table tr:hover {
  background: white;
}
.bee-deep-green-theme .custom-standard-chip {
  background-color: rgba(10, 108, 45, 0.1) !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .help-dashboard-card .mat-icon {
  color: #0a6c2d;
}
.bee-deep-green-theme .help-dashboard-card:hover {
  background-color: #0a6c2d;
}
.bee-deep-green-theme .help-dashboard-card:hover .mat-icon,
.bee-deep-green-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.bee-deep-green-theme .room-open {
  background-color: #0a6c2d !important;
  color: white !important;
}
.bee-deep-green-theme .room-open:hover {
  background-color: #0a6c2d !important;
  color: white !important;
}
.bee-deep-green-theme #public-office-page-groups .public-group-button-hover {
  background-color: #0a6c2d !important;
  color: white !important;
}
.bee-deep-green-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-green-theme .notification-container .show-tip {
  color: transparent;
}
.bee-deep-green-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-deep-green-theme .notification-container:hover .show-tip {
  color: #0a6c2d;
}
.bee-deep-green-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-deep-green-theme .notification-container .notification-subject .mat-icon {
  color: #0a6c2d;
}
.bee-deep-green-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-green-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-green-theme .message-container .show-tip {
  color: transparent;
}
.bee-deep-green-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-deep-green-theme .message-container:hover .show-tip {
  color: #0a6c2d;
}
.bee-deep-green-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-deep-green-theme .message-container .message-subject .mat-icon {
  color: #0a6c2d;
}
.bee-deep-green-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-green-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.bee-deep-green-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.bee-deep-green-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.bee-deep-green-theme .primary-200-outline input {
  caret-color: #85b696;
  color: #0a6c2d;
}
.bee-deep-green-theme .primary-200-outline label {
  color: #85b696;
}
.bee-deep-green-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #85b696 !important;
}
.bee-deep-green-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #85b696;
}
.bee-deep-green-theme mat-form-field .primary-outline label {
  color: #0a6c2d !important;
}
.bee-deep-green-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #0a6c2d !important;
}
.bee-deep-green-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #0a6c2d !important;
}
.bee-deep-green-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.bee-deep-green-theme .input-primary input {
  caret-color: #0a6c2d;
  color: #0a6c2d;
}
.bee-deep-green-theme .input-primary label {
  color: #0a6c2d;
}
.bee-deep-green-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #0a6c2d !important;
}
.bee-deep-green-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.bee-deep-green-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #0a6c2d;
  border-width: 1px;
}
.bee-deep-green-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.bee-deep-green-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.bee-deep-green-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.bee-deep-green-theme .boton-recarga {
  background-color: #0a6c2d;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.bee-deep-green-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.bee-deep-green-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.bee-deep-green-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.bee-deep-green-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.bee-deep-green-theme .header-container button {
  padding: 0 !important;
}
.bee-deep-green-theme .header-container .mat-button {
  min-width: unset !important;
}
.bee-deep-green-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.bee-deep-green-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bee-deep-green-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.bee-deep-green-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.bee-deep-green-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.bee-deep-green-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-deep-green-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-deep-green-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-deep-green-theme .input-recarga-marine {
  border: 1px solid #0a6c2d !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.bee-deep-green-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-deep-green-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-deep-green-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-deep-green-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-deep-green-theme .color-primary {
  color: #0a6c2d !important;
  fill: #0a6c2d !important;
}
.bee-deep-green-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.bee-deep-green-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.bee-deep-green-theme .primary-contrast {
  color: #ffffff !important;
}
.bee-deep-green-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.bee-deep-green-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-deep-green-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-deep-green-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-deep-green-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-deep-green-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-deep-green-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-deep-green-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-deep-green-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #73ff89 !important;
}
.bee-deep-green-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-deep-green-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .mat-checkbox-checked .mat-checkbox-background,
.bee-deep-green-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #0a6c2d !important;
}
.bee-deep-green-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-deep-green-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-deep-green-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #85b696 !important;
}
.bee-deep-green-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-deep-green-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.bee-deep-green-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.bee-deep-green-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.bee-deep-green-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-deep-green-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-deep-green-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-deep-green-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-deep-green-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-deep-green-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-deep-green-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-deep-green-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-deep-green-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.bee-deep-green-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.bee-deep-green-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-deep-green-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-deep-green-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #73ff89 !important;
}
.bee-deep-green-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #73ff89 !important;
}
.bee-deep-green-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.bee-deep-green-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.bee-deep-green-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bee-deep-green-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bee-deep-green-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.bee-deep-green-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #73ff89 !important;
}
.bee-deep-green-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #73ff89 !important;
}
.bee-deep-green-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.bee-deep-green-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.bee-deep-green-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0dff32 !important;
}
.bee-deep-green-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0dff32 !important;
}
.bee-deep-green-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0dff32 !important;
}
.bee-deep-green-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #0dff32 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bee-deep-green-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #0dff32 !important;
}
.bee-deep-green-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0dff32 !important;
}
.bee-deep-green-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bee-deep-green-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.bee-deep-green-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bee-deep-green-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.bee-deep-green-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.bee-deep-green-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.bee-deep-green-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #0a6c2d !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.bee-deep-green-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.bee-deep-green-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.bee-deep-green-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.bee-deep-green-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.bee-deep-green-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.bee-deep-green-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #73ff89 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-deep-green-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #0a6c2d !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #0a6c2d !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-deep-green-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #0a6c2d !important;
}
.bee-deep-green-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.bee-deep-green-theme .button-text-hidden {
  display: none;
}
.bee-green-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #43a047;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #cddc39;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #cddc39;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #43a047 87%, transparent);
  --mat-form-field-filled-caret-color: #43a047;
  --mat-form-field-filled-focus-active-indicator-color: #43a047;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #43a047 87%, transparent);
  --mat-form-field-outlined-caret-color: #43a047;
  --mat-form-field-outlined-focus-outline-color: #43a047;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #43a047 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #43a047;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #43a047;
  --mat-slide-toggle-selected-handle-color: #43a047;
  --mat-slide-toggle-selected-hover-state-layer-color: #43a047;
  --mat-slide-toggle-selected-pressed-state-layer-color: #43a047;
  --mat-slide-toggle-selected-focus-handle-color: #43a047;
  --mat-slide-toggle-selected-hover-handle-color: #43a047;
  --mat-slide-toggle-selected-pressed-handle-color: #43a047;
  --mat-slide-toggle-selected-focus-track-color: #7bbd7e;
  --mat-slide-toggle-selected-hover-track-color: #7bbd7e;
  --mat-slide-toggle-selected-pressed-track-color: #7bbd7e;
  --mat-slide-toggle-selected-track-color: #7bbd7e;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #43a047;
  --mat-slider-focus-handle-color: #43a047;
  --mat-slider-handle-color: #43a047;
  --mat-slider-hover-handle-color: #43a047;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #43a047 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #43a047 4%, transparent);
  --mat-slider-inactive-track-color: #43a047;
  --mat-slider-ripple-color: #43a047;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #43a047;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #cddc39;
  --mat-checkbox-selected-hover-icon-color: #cddc39;
  --mat-checkbox-selected-icon-color: #cddc39;
  --mat-checkbox-selected-pressed-icon-color: #cddc39;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #cddc39;
  --mat-checkbox-selected-hover-state-layer-color: #cddc39;
  --mat-checkbox-selected-pressed-state-layer-color: #cddc39;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #7bbd7e;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #43a047;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #43a047;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #43a047 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #43a047;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #43a047 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #43a047 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #43a047 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #43a047;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #43a047;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #43a047;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #43a047;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #43a047;
  --mat-slide-toggle-selected-handle-color: #43a047;
  --mat-slide-toggle-selected-hover-state-layer-color: #43a047;
  --mat-slide-toggle-selected-pressed-state-layer-color: #43a047;
  --mat-slide-toggle-selected-focus-handle-color: #43a047;
  --mat-slide-toggle-selected-hover-handle-color: #43a047;
  --mat-slide-toggle-selected-pressed-handle-color: #43a047;
  --mat-slide-toggle-selected-focus-track-color: #7bbd7e;
  --mat-slide-toggle-selected-hover-track-color: #7bbd7e;
  --mat-slide-toggle-selected-pressed-track-color: #7bbd7e;
  --mat-slide-toggle-selected-track-color: #7bbd7e;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-green-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #cddc39;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-green-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-green-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #43a047;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #43a047;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-green-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #cddc39;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #cddc39;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-green-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-green-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #43a047;
  --mat-progress-bar-track-color: rgba(67, 160, 71, 0.25);
}
.bee-green-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #cddc39;
  --mat-progress-bar-track-color: rgba(205, 220, 57, 0.25);
}
.bee-green-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.bee-green-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #cddc39 87%, transparent);
  --mat-form-field-filled-caret-color: #cddc39;
  --mat-form-field-filled-focus-active-indicator-color: #cddc39;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #cddc39 87%, transparent);
  --mat-form-field-outlined-caret-color: #cddc39;
  --mat-form-field-outlined-focus-outline-color: #cddc39;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #cddc39 87%, transparent);
}
.bee-green-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.bee-green-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #cddc39;
  --mat-select-invalid-arrow-color: #e74737;
}
.bee-green-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.bee-green-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.bee-green-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-green-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.bee-green-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #43a047;
  --mat-chip-elevated-disabled-container-color: #43a047;
  --mat-chip-elevated-selected-container-color: #43a047;
  --mat-chip-flat-disabled-selected-container-color: #43a047;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bee-green-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.bee-green-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: #cddc39;
  --mat-chip-elevated-disabled-container-color: #cddc39;
  --mat-chip-elevated-selected-container-color: #cddc39;
  --mat-chip-flat-disabled-selected-container-color: #cddc39;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-green-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.bee-green-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bee-green-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.bee-green-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.bee-green-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-focus-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-handle-color: #cddc39;
  --mat-slide-toggle-selected-pressed-handle-color: #cddc39;
  --mat-slide-toggle-selected-focus-track-color: #dce775;
  --mat-slide-toggle-selected-hover-track-color: #dce775;
  --mat-slide-toggle-selected-pressed-track-color: #dce775;
  --mat-slide-toggle-selected-track-color: #dce775;
}
.bee-green-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bee-green-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-green-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #43a047;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #43a047;
  --mat-radio-selected-hover-icon-color: #43a047;
  --mat-radio-selected-icon-color: #43a047;
  --mat-radio-selected-pressed-icon-color: #43a047;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-green-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #cddc39;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #cddc39;
  --mat-radio-selected-hover-icon-color: #cddc39;
  --mat-radio-selected-icon-color: #cddc39;
  --mat-radio-selected-pressed-icon-color: #cddc39;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-green-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-green-theme .mat-accent {
  --mat-slider-active-track-color: #cddc39;
  --mat-slider-focus-handle-color: #cddc39;
  --mat-slider-handle-color: #cddc39;
  --mat-slider-hover-handle-color: #cddc39;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #cddc39 4%, transparent);
  --mat-slider-inactive-track-color: #cddc39;
  --mat-slider-ripple-color: #cddc39;
  --mat-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-inactive-container-color: #cddc39;
}
.bee-green-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.bee-green-theme .mdc-list-item__start,
.bee-green-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #43a047;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #43a047;
  --mat-radio-selected-hover-icon-color: #43a047;
  --mat-radio-selected-icon-color: #43a047;
  --mat-radio-selected-pressed-icon-color: #43a047;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-green-theme .mat-accent .mdc-list-item__start,
.bee-green-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #cddc39;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #cddc39;
  --mat-radio-selected-hover-icon-color: #cddc39;
  --mat-radio-selected-icon-color: #cddc39;
  --mat-radio-selected-pressed-icon-color: #cddc39;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-green-theme .mat-warn .mdc-list-item__start,
.bee-green-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-green-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #43a047;
  --mat-checkbox-selected-hover-icon-color: #43a047;
  --mat-checkbox-selected-icon-color: #43a047;
  --mat-checkbox-selected-pressed-icon-color: #43a047;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #43a047;
  --mat-checkbox-selected-hover-state-layer-color: #43a047;
  --mat-checkbox-selected-pressed-state-layer-color: #43a047;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-green-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #cddc39;
  --mat-checkbox-selected-hover-icon-color: #cddc39;
  --mat-checkbox-selected-icon-color: #cddc39;
  --mat-checkbox-selected-pressed-icon-color: #cddc39;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #cddc39;
  --mat-checkbox-selected-hover-state-layer-color: #cddc39;
  --mat-checkbox-selected-pressed-state-layer-color: #cddc39;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-green-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-green-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.bee-green-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.bee-green-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.bee-green-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #43a047;
}
.bee-green-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.bee-green-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.bee-green-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.bee-green-theme .mdc-list-item__start,
.bee-green-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.bee-green-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.bee-green-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.bee-green-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.bee-green-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.bee-green-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.bee-green-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.bee-green-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.bee-green-theme .mat-mdc-tab-group,
.bee-green-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #43a047;
  --mat-tab-active-ripple-color: #43a047;
  --mat-tab-inactive-ripple-color: #43a047;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #43a047;
  --mat-tab-active-hover-label-text-color: #43a047;
  --mat-tab-active-focus-indicator-color: #43a047;
  --mat-tab-active-hover-indicator-color: #43a047;
  --mat-tab-active-indicator-color: #43a047;
}
.bee-green-theme .mat-mdc-tab-group.mat-accent,
.bee-green-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #cddc39;
  --mat-tab-active-ripple-color: #cddc39;
  --mat-tab-inactive-ripple-color: #cddc39;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #cddc39;
  --mat-tab-active-hover-label-text-color: #cddc39;
  --mat-tab-active-focus-indicator-color: #cddc39;
  --mat-tab-active-hover-indicator-color: #cddc39;
  --mat-tab-active-indicator-color: #cddc39;
}
.bee-green-theme .mat-mdc-tab-group.mat-warn,
.bee-green-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.bee-green-theme .mat-mdc-tab-group.mat-background-primary,
.bee-green-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #43a047;
  --mat-tab-foreground-color: #ffffff;
}
.bee-green-theme .mat-mdc-tab-group.mat-background-accent,
.bee-green-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #cddc39;
  --mat-tab-foreground-color: rgba(0, 0, 0, 0.87);
}
.bee-green-theme .mat-mdc-tab-group.mat-background-warn,
.bee-green-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.bee-green-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.bee-green-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.bee-green-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #43a047;
  --mat-checkbox-selected-hover-icon-color: #43a047;
  --mat-checkbox-selected-icon-color: #43a047;
  --mat-checkbox-selected-pressed-icon-color: #43a047;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #43a047;
  --mat-checkbox-selected-hover-state-layer-color: #43a047;
  --mat-checkbox-selected-pressed-state-layer-color: #43a047;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-green-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-green-theme .mat-mdc-button.mat-primary,
.bee-green-theme .mat-mdc-unelevated-button.mat-primary,
.bee-green-theme .mat-mdc-raised-button.mat-primary,
.bee-green-theme .mat-mdc-outlined-button.mat-primary,
.bee-green-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #43a047;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #43a047;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #43a047 12%, transparent);
  --mat-button-outlined-state-layer-color: #43a047;
  --mat-button-protected-container-color: #43a047;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #43a047;
  --mat-button-text-ripple-color: color-mix(in srgb, #43a047 12%, transparent);
  --mat-button-text-state-layer-color: #43a047;
  --mat-button-tonal-container-color: #43a047;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bee-green-theme .mat-mdc-button.mat-accent,
.bee-green-theme .mat-mdc-unelevated-button.mat-accent,
.bee-green-theme .mat-mdc-raised-button.mat-accent,
.bee-green-theme .mat-mdc-outlined-button.mat-accent,
.bee-green-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #cddc39;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-label-text-color: #cddc39;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-button-outlined-state-layer-color: #cddc39;
  --mat-button-protected-container-color: #cddc39;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-label-text-color: #cddc39;
  --mat-button-text-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-button-text-state-layer-color: #cddc39;
  --mat-button-tonal-container-color: #cddc39;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-green-theme .mat-mdc-button.mat-warn,
.bee-green-theme .mat-mdc-unelevated-button.mat-warn,
.bee-green-theme .mat-mdc-raised-button.mat-warn,
.bee-green-theme .mat-mdc-outlined-button.mat-warn,
.bee-green-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bee-green-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #43a047;
  --mat-icon-button-state-layer-color: #43a047;
  --mat-icon-button-ripple-color: color-mix(in srgb, #43a047 12%, transparent);
}
.bee-green-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #cddc39;
  --mat-icon-button-state-layer-color: #cddc39;
  --mat-icon-button-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
}
.bee-green-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.bee-green-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.bee-green-theme .mat-mdc-fab.mat-primary,
.bee-green-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #43a047;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #43a047 12%, transparent);
  --mat-fab-small-container-color: #43a047;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bee-green-theme .mat-mdc-fab.mat-accent,
.bee-green-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #cddc39;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-fab-small-container-color: #cddc39;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-green-theme .mat-mdc-fab.mat-warn,
.bee-green-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bee-green-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #cddc39;
}
.bee-green-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.bee-green-theme .mat-badge-accent {
  --mat-badge-background-color: #cddc39;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
}
.bee-green-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.bee-green-theme .mat-datepicker-content.mat-accent,
.bee-green-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #cddc39;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #cddc39 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #cddc39 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #cddc39;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-green-theme .mat-datepicker-content.mat-warn,
.bee-green-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-green-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.bee-green-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.bee-green-theme .mat-icon.mat-primary {
  --mat-icon-color: #43a047;
}
.bee-green-theme .mat-icon.mat-accent {
  --mat-icon-color: #cddc39;
}
.bee-green-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.bee-green-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #cddc39;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #cddc39;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #cddc39;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}
.bee-green-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.bee-green-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #43a047;
  --mat-toolbar-container-text-color: #ffffff;
}
.bee-green-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #cddc39;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-green-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.bee-green-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-focus-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-handle-color: #cddc39;
  --mat-slide-toggle-selected-pressed-handle-color: #cddc39;
  --mat-slide-toggle-selected-focus-track-color: #dce775;
  --mat-slide-toggle-selected-hover-track-color: #dce775;
  --mat-slide-toggle-selected-pressed-track-color: #dce775;
  --mat-slide-toggle-selected-track-color: #dce775;
}
.bee-green-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bee-green-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-green-theme .back-container {
  color: #43a047;
}
.bee-green-theme .back-container:hover {
  opacity: 0.54;
}
.bee-green-theme .warn-text {
  color: #e74737;
}
.bee-green-theme .inside-modal-title.primary-colored-title,
.bee-green-theme .form-title.primary-colored-title {
  color: #43a047;
}
.bee-green-theme .full-height-container form .button-container {
  background: white;
}
.bee-green-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.bee-green-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.bee-green-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-green-theme .box-checkbox.active-box-checkbox {
  background-color: #43a047;
  color: white;
}
.bee-green-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-green-theme .box-radio.active-box-radio {
  background-color: #43a047;
  color: white;
}
.bee-green-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.bee-green-theme .error {
  color: #e74737;
}
.bee-green-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.bee-green-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.bee-green-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-green-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.bee-green-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-green-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-green-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.bee-green-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.bee-green-theme .ql-snow .ql-picker-options {
  background: white;
}
.bee-green-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.bee-green-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.bee-green-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.bee-green-theme .ql-snow .ql-fill,
.bee-green-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.bee-green-theme .ql-snow.ql-toolbar button:hover,
.bee-green-theme .ql-snow .ql-toolbar button:hover,
.bee-green-theme .ql-snow.ql-toolbar button:focus,
.bee-green-theme .ql-snow .ql-toolbar button:focus,
.bee-green-theme .ql-snow.ql-toolbar button.ql-active,
.bee-green-theme .ql-snow .ql-toolbar button.ql-active,
.bee-green-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.bee-green-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.bee-green-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.bee-green-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.bee-green-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.bee-green-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.bee-green-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.bee-green-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.bee-green-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.bee-green-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.bee-green-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.bee-green-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.bee-green-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.bee-green-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.bee-green-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-green-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-green-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-green-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-green-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-green-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-green-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-green-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-green-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-green-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-green-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-green-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-green-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-green-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-green-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-green-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-green-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-green-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-green-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-green-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-green-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.bee-green-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.bee-green-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.bee-green-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.bee-green-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.bee-green-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.bee-green-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.bee-green-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.bee-green-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-green-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-green-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-green-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-green-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-green-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-green-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-green-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-green-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.bee-green-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.bee-green-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.bee-green-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.bee-green-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.bee-green-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.bee-green-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-green-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-green-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-green-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-green-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-green-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-green-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.bee-green-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.bee-green-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-green-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-green-theme bee-form-item {
  margin-right: 0 !important;
}
.bee-green-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.bee-green-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #43a047;
  height: 38px !important;
}
.bee-green-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.bee-green-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.bee-green-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.bee-green-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.bee-green-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.bee-green-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.bee-green-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.bee-green-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.bee-green-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .bee-green-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.bee-green-theme .general-container .label-wrapper label {
  color: #43a047 !important;
  background-color: white;
}
.bee-green-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-green-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.bee-green-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.bee-green-theme .general-container .bee-selector .bee-selector-container {
  border-color: #43a047 !important;
}
.bee-green-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.bee-green-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.bee-green-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.bee-green-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.bee-green-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.bee-green-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-green-theme .general-container .bee-selector .bee-selector-container:focus,
.bee-green-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #43a047;
}
.bee-green-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.bee-green-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #43a047;
}
.bee-green-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.bee-green-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #43a047;
}
.bee-green-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bee-green-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-green-theme .general-container .bee-dropdown {
  background: white;
}
.bee-green-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #43a047;
}
.bee-green-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.bee-green-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.bee-green-theme .general-container .selector-error {
  color: #e74737;
}
.bee-green-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-green-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.bee-green-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-green-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.bee-green-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #43a047;
}
.bee-green-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bee-green-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-green-theme .move-image-action-container:hover {
  color: #43a047;
}
.bee-green-theme .info-icon {
  color: #43a047;
}
.bee-green-theme .email-chip {
  color: #43a047 !important;
  background-color: rgba(67, 160, 71, 0.15) !important;
}
.bee-green-theme .email-chip .mat-chip-remove {
  color: #43a047 !important;
  opacity: 1 !important;
}
.bee-green-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.bee-green-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.bee-green-theme .mat-badge-content {
  color: #43a047 !important;
}
.bee-green-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #43a047 !important;
}
.bee-green-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #43a047 !important;
}
.bee-green-theme #circle-lleno {
  background: #b0ffb2;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.bee-green-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.bee-green-theme .marine-color {
  color: #0f223e !important;
}
.bee-green-theme .primary-color {
  color: #43a047 !important;
}
.bee-green-theme .gray-color {
  color: #C0C4CA !important;
}
.bee-green-theme .primary-color-200 {
  color: #a1d0a3 !important;
}
.bee-green-theme svg.primary-fill-svg {
  fill: #43a047 !important;
}
.bee-green-theme .primary-fill {
  fill: #43a047 !important;
}
.bee-green-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-green-theme .primary-border-50 {
  border-color: #e8f4e9 !important;
}
.bee-green-theme .primary-border-100 {
  border-color: #c7e3c8 !important;
}
.bee-green-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.bee-green-theme .transparent-border-100 {
  border-color: transparent !important;
}
.bee-green-theme .primary-border-200 {
  border-color: #a1d0a3 !important;
}
.bee-green-theme .primary-indicator .mat-expansion-indicator:after {
  color: #43a047;
}
.bee-green-theme .contrast-background {
  background-color: #ffffff !important;
}
.bee-green-theme .primary-color-small {
  color: rgba(67, 160, 71, 0.6);
}
.bee-green-theme .marine-background {
  background-color: #0f223e !important;
}
.bee-green-theme .primary-background {
  background-color: #43a047 !important;
}
.bee-green-theme .primary-background-50 {
  background-color: #e8f4e9 !important;
}
.bee-green-theme .primary-background-200 {
  background-color: #a1d0a3 !important;
}
.bee-green-theme .primary-background-800 {
  background-color: #2c842f !important;
}
.bee-green-theme .white-color {
  color: white !important;
}
.bee-green-theme .secondary-color {
  color: #b0ffb2 !important;
}
.bee-green-theme .secondary-background {
  background-color: #b0ffb2 !important;
}
.bee-green-theme .secondary-background-semi {
  background-color: #43a047 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #43a047 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-green-theme .secondary-background-full {
  background-color: #43a047 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #43a047 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-green-theme .secondary-background-empty {
  background-color: #43a047 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #43a047 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-green-theme .secondary-border {
  background-color: #b0ffb2 !important;
}
.bee-green-theme .tertiary-color {
  color: #4aff4e !important;
}
.bee-green-theme button.button-tertiary {
  background-color: #4aff4e !important;
  color: #43a047 !important;
  border: 1px solid #43a047 !important;
}
.bee-green-theme span.red-text {
  color: #DB1F35 !important;
}
.bee-green-theme .tertiary-background {
  background-color: #4aff4e !important;
}
.bee-green-theme .tertiary-border {
  border-color: #4aff4e !important;
}
.bee-green-theme .dark-background {
  background-color: black !important;
}
.bee-green-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.bee-green-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.bee-green-theme .primary-soft-background {
  background-color: rgba(67, 160, 71, 0.1) !important;
}
.bee-green-theme .primary-soft-background:hover {
  background-color: rgba(67, 160, 71, 0.15) !important;
}
.bee-green-theme .primary-border {
  border-color: #43a047 !important;
}
.bee-green-theme .default-background {
  background-color: #fafafa !important;
}
.bee-green-theme .hover-primary:hover {
  color: #43a047 !important;
}
.bee-green-theme .hover-primary-background:hover {
  background-color: #43a047 !important;
}
.bee-green-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.bee-green-theme .warn-color {
  color: #e74737 !important;
}
.bee-green-theme .warn-border {
  border-color: #e74737 !important;
}
.bee-green-theme .accent-color {
  color: #cddc39 !important;
}
.bee-green-theme .accent-background {
  background-color: #cddc39 !important;
}
.bee-green-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.bee-green-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.bee-green-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.bee-green-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-green-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-green-theme .dialog-table tr .action-icon {
  color: transparent;
}
.bee-green-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bee-green-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.bee-green-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #43a047;
}
.bee-green-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-green-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-green-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.bee-green-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.bee-green-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.bee-green-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-green-theme .card-table tr .action-icon {
  color: transparent;
}
.bee-green-theme .card-table tr .action-icon button {
  color: transparent;
}
.bee-green-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-green-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-green-theme .card-table tr:hover .action-icon button {
  color: #43a047;
}
.bee-green-theme .card-table tr:hover .action-icon:hover {
  color: #43a047;
}
.bee-green-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-green-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.bee-green-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-green-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-green-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #43a047;
}
.bee-green-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-green-theme .no-hover-table tr:hover {
  background: white;
}
.bee-green-theme .custom-standard-chip {
  background-color: rgba(67, 160, 71, 0.1) !important;
  color: #43a047 !important;
}
.bee-green-theme .help-dashboard-card .mat-icon {
  color: #43a047;
}
.bee-green-theme .help-dashboard-card:hover {
  background-color: #43a047;
}
.bee-green-theme .help-dashboard-card:hover .mat-icon,
.bee-green-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.bee-green-theme .room-open {
  background-color: #43a047 !important;
  color: white !important;
}
.bee-green-theme .room-open:hover {
  background-color: #43a047 !important;
  color: white !important;
}
.bee-green-theme #public-office-page-groups .public-group-button-hover {
  background-color: #43a047 !important;
  color: white !important;
}
.bee-green-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-green-theme .notification-container .show-tip {
  color: transparent;
}
.bee-green-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-green-theme .notification-container:hover .show-tip {
  color: #43a047;
}
.bee-green-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-green-theme .notification-container .notification-subject .mat-icon {
  color: #43a047;
}
.bee-green-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-green-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-green-theme .message-container .show-tip {
  color: transparent;
}
.bee-green-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-green-theme .message-container:hover .show-tip {
  color: #43a047;
}
.bee-green-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-green-theme .message-container .message-subject .mat-icon {
  color: #43a047;
}
.bee-green-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-green-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.bee-green-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.bee-green-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.bee-green-theme .primary-200-outline input {
  caret-color: #a1d0a3;
  color: #43a047;
}
.bee-green-theme .primary-200-outline label {
  color: #a1d0a3;
}
.bee-green-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #a1d0a3 !important;
}
.bee-green-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #a1d0a3;
}
.bee-green-theme mat-form-field .primary-outline label {
  color: #43a047 !important;
}
.bee-green-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #43a047 !important;
}
.bee-green-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #43a047 !important;
}
.bee-green-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.bee-green-theme .input-primary input {
  caret-color: #43a047;
  color: #43a047;
}
.bee-green-theme .input-primary label {
  color: #43a047;
}
.bee-green-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #43a047 !important;
}
.bee-green-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.bee-green-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #43a047;
  border-width: 1px;
}
.bee-green-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.bee-green-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.bee-green-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.bee-green-theme .boton-recarga {
  background-color: #43a047;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.bee-green-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.bee-green-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
}
.bee-green-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.bee-green-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.bee-green-theme .header-container button {
  padding: 0 !important;
}
.bee-green-theme .header-container .mat-button {
  min-width: unset !important;
}
.bee-green-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.bee-green-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bee-green-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.bee-green-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.bee-green-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.bee-green-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-green-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-green-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-green-theme .input-recarga-marine {
  border: 1px solid #43a047 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.bee-green-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-green-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-green-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-green-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-green-theme .color-primary {
  color: #43a047 !important;
  fill: #43a047 !important;
}
.bee-green-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.bee-green-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.bee-green-theme .primary-contrast {
  color: #ffffff !important;
}
.bee-green-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #43a047 !important;
}
.bee-green-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #43a047 !important;
}
.bee-green-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.bee-green-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #43a047 !important;
}
.bee-green-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-green-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-green-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-green-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #43a047 !important;
}
.bee-green-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #43a047 !important;
}
.bee-green-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #43a047 !important;
}
.bee-green-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #43a047 !important;
}
.bee-green-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #43a047 !important;
}
.bee-green-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-green-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #43a047 !important;
}
.bee-green-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-green-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #43a047 !important;
}
.bee-green-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-green-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-green-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #43a047 !important;
}
.bee-green-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #b0ffb2 !important;
}
.bee-green-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-green-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #43a047 !important;
}
.bee-green-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #43a047 !important;
}
.bee-green-theme .mat-checkbox-checked .mat-checkbox-background,
.bee-green-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #43a047 !important;
}
.bee-green-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #43a047 !important;
}
.bee-green-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-green-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #43a047 !important;
}
.bee-green-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-green-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #43a047 !important;
}
.bee-green-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #a1d0a3 !important;
}
.bee-green-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #43a047 !important;
}
.bee-green-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-green-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.bee-green-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.bee-green-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.bee-green-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #43a047 !important;
}
.bee-green-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #43a047 !important;
}
.bee-green-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #43a047 !important;
}
.bee-green-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-green-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #43a047 !important;
}
.bee-green-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #43a047 !important;
}
.bee-green-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #43a047 !important;
}
.bee-green-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-green-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-green-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #43a047 !important;
}
.bee-green-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #43a047 !important;
}
.bee-green-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-green-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-green-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #43a047 !important;
}
.bee-green-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-green-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-green-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-green-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #43a047 !important;
}
.bee-green-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.bee-green-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #43a047 !important;
}
.bee-green-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #43a047 !important;
}
.bee-green-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #43a047 !important;
}
.bee-green-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.bee-green-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-green-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-green-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #43a047 !important;
}
.bee-green-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #43a047 !important;
}
.bee-green-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #b0ffb2 !important;
}
.bee-green-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #b0ffb2 !important;
}
.bee-green-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.bee-green-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #43a047 !important;
}
.bee-green-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #43a047 !important;
}
.bee-green-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.bee-green-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #43a047 !important;
}
.bee-green-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #43a047 !important;
}
.bee-green-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bee-green-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bee-green-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.bee-green-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #b0ffb2 !important;
}
.bee-green-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #b0ffb2 !important;
}
.bee-green-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.bee-green-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.bee-green-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #4aff4e !important;
}
.bee-green-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #4aff4e !important;
}
.bee-green-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #4aff4e !important;
}
.bee-green-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #4aff4e !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bee-green-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #4aff4e !important;
}
.bee-green-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #4aff4e !important;
}
.bee-green-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #43a047 !important;
}
.bee-green-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #43a047 !important;
}
.bee-green-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #43a047 !important;
}
.bee-green-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bee-green-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.bee-green-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bee-green-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.bee-green-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.bee-green-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #43a047 !important;
}
.bee-green-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #43a047 !important;
}
.bee-green-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #43a047 !important;
}
.bee-green-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #43a047 !important;
}
.bee-green-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #43a047 !important;
}
.bee-green-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #43a047 !important;
}
.bee-green-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.bee-green-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #43a047 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.bee-green-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.bee-green-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.bee-green-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.bee-green-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.bee-green-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.bee-green-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #b0ffb2 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-green-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #43a047 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #43a047 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-green-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #43a047 !important;
}
.bee-green-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.bee-green-theme .button-text-hidden {
  display: none;
}
.bee-turquoise-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #00897b;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #cddc39;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #cddc39;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #00897b 87%, transparent);
  --mat-form-field-filled-caret-color: #00897b;
  --mat-form-field-filled-focus-active-indicator-color: #00897b;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #00897b 87%, transparent);
  --mat-form-field-outlined-caret-color: #00897b;
  --mat-form-field-outlined-focus-outline-color: #00897b;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #00897b 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #00897b;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #00897b;
  --mat-slide-toggle-selected-handle-color: #00897b;
  --mat-slide-toggle-selected-hover-state-layer-color: #00897b;
  --mat-slide-toggle-selected-pressed-state-layer-color: #00897b;
  --mat-slide-toggle-selected-focus-handle-color: #00897b;
  --mat-slide-toggle-selected-hover-handle-color: #00897b;
  --mat-slide-toggle-selected-pressed-handle-color: #00897b;
  --mat-slide-toggle-selected-focus-track-color: #4daca3;
  --mat-slide-toggle-selected-hover-track-color: #4daca3;
  --mat-slide-toggle-selected-pressed-track-color: #4daca3;
  --mat-slide-toggle-selected-track-color: #4daca3;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #00897b;
  --mat-slider-focus-handle-color: #00897b;
  --mat-slider-handle-color: #00897b;
  --mat-slider-hover-handle-color: #00897b;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #00897b 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #00897b 4%, transparent);
  --mat-slider-inactive-track-color: #00897b;
  --mat-slider-ripple-color: #00897b;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #00897b;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #cddc39;
  --mat-checkbox-selected-hover-icon-color: #cddc39;
  --mat-checkbox-selected-icon-color: #cddc39;
  --mat-checkbox-selected-pressed-icon-color: #cddc39;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #cddc39;
  --mat-checkbox-selected-hover-state-layer-color: #cddc39;
  --mat-checkbox-selected-pressed-state-layer-color: #cddc39;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #4daca3;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #00897b;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #00897b;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #00897b 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #00897b;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #00897b 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #00897b 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #00897b 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #00897b;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #00897b;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #00897b;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #00897b;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #00897b;
  --mat-slide-toggle-selected-handle-color: #00897b;
  --mat-slide-toggle-selected-hover-state-layer-color: #00897b;
  --mat-slide-toggle-selected-pressed-state-layer-color: #00897b;
  --mat-slide-toggle-selected-focus-handle-color: #00897b;
  --mat-slide-toggle-selected-hover-handle-color: #00897b;
  --mat-slide-toggle-selected-pressed-handle-color: #00897b;
  --mat-slide-toggle-selected-focus-track-color: #4daca3;
  --mat-slide-toggle-selected-hover-track-color: #4daca3;
  --mat-slide-toggle-selected-pressed-track-color: #4daca3;
  --mat-slide-toggle-selected-track-color: #4daca3;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-turquoise-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #cddc39;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-turquoise-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-turquoise-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #00897b;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #00897b;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-turquoise-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #cddc39;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #cddc39;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-turquoise-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-turquoise-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #00897b;
  --mat-progress-bar-track-color: rgba(0, 137, 123, 0.25);
}
.bee-turquoise-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #cddc39;
  --mat-progress-bar-track-color: rgba(205, 220, 57, 0.25);
}
.bee-turquoise-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.bee-turquoise-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #cddc39 87%, transparent);
  --mat-form-field-filled-caret-color: #cddc39;
  --mat-form-field-filled-focus-active-indicator-color: #cddc39;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #cddc39 87%, transparent);
  --mat-form-field-outlined-caret-color: #cddc39;
  --mat-form-field-outlined-focus-outline-color: #cddc39;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #cddc39 87%, transparent);
}
.bee-turquoise-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.bee-turquoise-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #cddc39;
  --mat-select-invalid-arrow-color: #e74737;
}
.bee-turquoise-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.bee-turquoise-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.bee-turquoise-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-turquoise-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.bee-turquoise-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #00897b;
  --mat-chip-elevated-disabled-container-color: #00897b;
  --mat-chip-elevated-selected-container-color: #00897b;
  --mat-chip-flat-disabled-selected-container-color: #00897b;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bee-turquoise-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.bee-turquoise-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: #cddc39;
  --mat-chip-elevated-disabled-container-color: #cddc39;
  --mat-chip-elevated-selected-container-color: #cddc39;
  --mat-chip-flat-disabled-selected-container-color: #cddc39;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-turquoise-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.bee-turquoise-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bee-turquoise-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.bee-turquoise-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.bee-turquoise-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-focus-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-handle-color: #cddc39;
  --mat-slide-toggle-selected-pressed-handle-color: #cddc39;
  --mat-slide-toggle-selected-focus-track-color: #dce775;
  --mat-slide-toggle-selected-hover-track-color: #dce775;
  --mat-slide-toggle-selected-pressed-track-color: #dce775;
  --mat-slide-toggle-selected-track-color: #dce775;
}
.bee-turquoise-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bee-turquoise-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-turquoise-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #00897b;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #00897b;
  --mat-radio-selected-hover-icon-color: #00897b;
  --mat-radio-selected-icon-color: #00897b;
  --mat-radio-selected-pressed-icon-color: #00897b;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-turquoise-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #cddc39;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #cddc39;
  --mat-radio-selected-hover-icon-color: #cddc39;
  --mat-radio-selected-icon-color: #cddc39;
  --mat-radio-selected-pressed-icon-color: #cddc39;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-turquoise-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-turquoise-theme .mat-accent {
  --mat-slider-active-track-color: #cddc39;
  --mat-slider-focus-handle-color: #cddc39;
  --mat-slider-handle-color: #cddc39;
  --mat-slider-hover-handle-color: #cddc39;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #cddc39 4%, transparent);
  --mat-slider-inactive-track-color: #cddc39;
  --mat-slider-ripple-color: #cddc39;
  --mat-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-inactive-container-color: #cddc39;
}
.bee-turquoise-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.bee-turquoise-theme .mdc-list-item__start,
.bee-turquoise-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #00897b;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #00897b;
  --mat-radio-selected-hover-icon-color: #00897b;
  --mat-radio-selected-icon-color: #00897b;
  --mat-radio-selected-pressed-icon-color: #00897b;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-turquoise-theme .mat-accent .mdc-list-item__start,
.bee-turquoise-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #cddc39;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #cddc39;
  --mat-radio-selected-hover-icon-color: #cddc39;
  --mat-radio-selected-icon-color: #cddc39;
  --mat-radio-selected-pressed-icon-color: #cddc39;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-turquoise-theme .mat-warn .mdc-list-item__start,
.bee-turquoise-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-turquoise-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #00897b;
  --mat-checkbox-selected-hover-icon-color: #00897b;
  --mat-checkbox-selected-icon-color: #00897b;
  --mat-checkbox-selected-pressed-icon-color: #00897b;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #00897b;
  --mat-checkbox-selected-hover-state-layer-color: #00897b;
  --mat-checkbox-selected-pressed-state-layer-color: #00897b;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-turquoise-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #cddc39;
  --mat-checkbox-selected-hover-icon-color: #cddc39;
  --mat-checkbox-selected-icon-color: #cddc39;
  --mat-checkbox-selected-pressed-icon-color: #cddc39;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #cddc39;
  --mat-checkbox-selected-hover-state-layer-color: #cddc39;
  --mat-checkbox-selected-pressed-state-layer-color: #cddc39;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-turquoise-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-turquoise-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.bee-turquoise-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.bee-turquoise-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.bee-turquoise-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #00897b;
}
.bee-turquoise-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.bee-turquoise-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.bee-turquoise-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.bee-turquoise-theme .mdc-list-item__start,
.bee-turquoise-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.bee-turquoise-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.bee-turquoise-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.bee-turquoise-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.bee-turquoise-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.bee-turquoise-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.bee-turquoise-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.bee-turquoise-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.bee-turquoise-theme .mat-mdc-tab-group,
.bee-turquoise-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #00897b;
  --mat-tab-active-ripple-color: #00897b;
  --mat-tab-inactive-ripple-color: #00897b;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #00897b;
  --mat-tab-active-hover-label-text-color: #00897b;
  --mat-tab-active-focus-indicator-color: #00897b;
  --mat-tab-active-hover-indicator-color: #00897b;
  --mat-tab-active-indicator-color: #00897b;
}
.bee-turquoise-theme .mat-mdc-tab-group.mat-accent,
.bee-turquoise-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #cddc39;
  --mat-tab-active-ripple-color: #cddc39;
  --mat-tab-inactive-ripple-color: #cddc39;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #cddc39;
  --mat-tab-active-hover-label-text-color: #cddc39;
  --mat-tab-active-focus-indicator-color: #cddc39;
  --mat-tab-active-hover-indicator-color: #cddc39;
  --mat-tab-active-indicator-color: #cddc39;
}
.bee-turquoise-theme .mat-mdc-tab-group.mat-warn,
.bee-turquoise-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.bee-turquoise-theme .mat-mdc-tab-group.mat-background-primary,
.bee-turquoise-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #00897b;
  --mat-tab-foreground-color: #ffffff;
}
.bee-turquoise-theme .mat-mdc-tab-group.mat-background-accent,
.bee-turquoise-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #cddc39;
  --mat-tab-foreground-color: rgba(0, 0, 0, 0.87);
}
.bee-turquoise-theme .mat-mdc-tab-group.mat-background-warn,
.bee-turquoise-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.bee-turquoise-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.bee-turquoise-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.bee-turquoise-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #00897b;
  --mat-checkbox-selected-hover-icon-color: #00897b;
  --mat-checkbox-selected-icon-color: #00897b;
  --mat-checkbox-selected-pressed-icon-color: #00897b;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #00897b;
  --mat-checkbox-selected-hover-state-layer-color: #00897b;
  --mat-checkbox-selected-pressed-state-layer-color: #00897b;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-turquoise-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-turquoise-theme .mat-mdc-button.mat-primary,
.bee-turquoise-theme .mat-mdc-unelevated-button.mat-primary,
.bee-turquoise-theme .mat-mdc-raised-button.mat-primary,
.bee-turquoise-theme .mat-mdc-outlined-button.mat-primary,
.bee-turquoise-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #00897b;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #00897b;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #00897b 12%, transparent);
  --mat-button-outlined-state-layer-color: #00897b;
  --mat-button-protected-container-color: #00897b;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #00897b;
  --mat-button-text-ripple-color: color-mix(in srgb, #00897b 12%, transparent);
  --mat-button-text-state-layer-color: #00897b;
  --mat-button-tonal-container-color: #00897b;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bee-turquoise-theme .mat-mdc-button.mat-accent,
.bee-turquoise-theme .mat-mdc-unelevated-button.mat-accent,
.bee-turquoise-theme .mat-mdc-raised-button.mat-accent,
.bee-turquoise-theme .mat-mdc-outlined-button.mat-accent,
.bee-turquoise-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #cddc39;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-label-text-color: #cddc39;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-button-outlined-state-layer-color: #cddc39;
  --mat-button-protected-container-color: #cddc39;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-label-text-color: #cddc39;
  --mat-button-text-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-button-text-state-layer-color: #cddc39;
  --mat-button-tonal-container-color: #cddc39;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-turquoise-theme .mat-mdc-button.mat-warn,
.bee-turquoise-theme .mat-mdc-unelevated-button.mat-warn,
.bee-turquoise-theme .mat-mdc-raised-button.mat-warn,
.bee-turquoise-theme .mat-mdc-outlined-button.mat-warn,
.bee-turquoise-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bee-turquoise-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #00897b;
  --mat-icon-button-state-layer-color: #00897b;
  --mat-icon-button-ripple-color: color-mix(in srgb, #00897b 12%, transparent);
}
.bee-turquoise-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #cddc39;
  --mat-icon-button-state-layer-color: #cddc39;
  --mat-icon-button-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
}
.bee-turquoise-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.bee-turquoise-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.bee-turquoise-theme .mat-mdc-fab.mat-primary,
.bee-turquoise-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #00897b;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #00897b 12%, transparent);
  --mat-fab-small-container-color: #00897b;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bee-turquoise-theme .mat-mdc-fab.mat-accent,
.bee-turquoise-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #cddc39;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-fab-small-container-color: #cddc39;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-turquoise-theme .mat-mdc-fab.mat-warn,
.bee-turquoise-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bee-turquoise-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #cddc39;
}
.bee-turquoise-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.bee-turquoise-theme .mat-badge-accent {
  --mat-badge-background-color: #cddc39;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
}
.bee-turquoise-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.bee-turquoise-theme .mat-datepicker-content.mat-accent,
.bee-turquoise-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #cddc39;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #cddc39 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #cddc39 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #cddc39;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-turquoise-theme .mat-datepicker-content.mat-warn,
.bee-turquoise-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-turquoise-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.bee-turquoise-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.bee-turquoise-theme .mat-icon.mat-primary {
  --mat-icon-color: #00897b;
}
.bee-turquoise-theme .mat-icon.mat-accent {
  --mat-icon-color: #cddc39;
}
.bee-turquoise-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.bee-turquoise-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #cddc39;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #cddc39;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #cddc39;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}
.bee-turquoise-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.bee-turquoise-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #00897b;
  --mat-toolbar-container-text-color: #ffffff;
}
.bee-turquoise-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #cddc39;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-turquoise-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.bee-turquoise-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-focus-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-handle-color: #cddc39;
  --mat-slide-toggle-selected-pressed-handle-color: #cddc39;
  --mat-slide-toggle-selected-focus-track-color: #dce775;
  --mat-slide-toggle-selected-hover-track-color: #dce775;
  --mat-slide-toggle-selected-pressed-track-color: #dce775;
  --mat-slide-toggle-selected-track-color: #dce775;
}
.bee-turquoise-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bee-turquoise-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-turquoise-theme .back-container {
  color: #00897b;
}
.bee-turquoise-theme .back-container:hover {
  opacity: 0.54;
}
.bee-turquoise-theme .warn-text {
  color: #e74737;
}
.bee-turquoise-theme .inside-modal-title.primary-colored-title,
.bee-turquoise-theme .form-title.primary-colored-title {
  color: #00897b;
}
.bee-turquoise-theme .full-height-container form .button-container {
  background: white;
}
.bee-turquoise-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.bee-turquoise-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.bee-turquoise-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-turquoise-theme .box-checkbox.active-box-checkbox {
  background-color: #00897b;
  color: white;
}
.bee-turquoise-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-turquoise-theme .box-radio.active-box-radio {
  background-color: #00897b;
  color: white;
}
.bee-turquoise-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.bee-turquoise-theme .error {
  color: #e74737;
}
.bee-turquoise-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.bee-turquoise-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.bee-turquoise-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-turquoise-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.bee-turquoise-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-turquoise-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-turquoise-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.bee-turquoise-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.bee-turquoise-theme .ql-snow .ql-picker-options {
  background: white;
}
.bee-turquoise-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.bee-turquoise-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.bee-turquoise-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.bee-turquoise-theme .ql-snow .ql-fill,
.bee-turquoise-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.bee-turquoise-theme .ql-snow.ql-toolbar button:hover,
.bee-turquoise-theme .ql-snow .ql-toolbar button:hover,
.bee-turquoise-theme .ql-snow.ql-toolbar button:focus,
.bee-turquoise-theme .ql-snow .ql-toolbar button:focus,
.bee-turquoise-theme .ql-snow.ql-toolbar button.ql-active,
.bee-turquoise-theme .ql-snow .ql-toolbar button.ql-active,
.bee-turquoise-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.bee-turquoise-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.bee-turquoise-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.bee-turquoise-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.bee-turquoise-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.bee-turquoise-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.bee-turquoise-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.bee-turquoise-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.bee-turquoise-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.bee-turquoise-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.bee-turquoise-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.bee-turquoise-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.bee-turquoise-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.bee-turquoise-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.bee-turquoise-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-turquoise-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-turquoise-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-turquoise-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-turquoise-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-turquoise-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-turquoise-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-turquoise-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-turquoise-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-turquoise-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-turquoise-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-turquoise-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-turquoise-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-turquoise-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-turquoise-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-turquoise-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-turquoise-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-turquoise-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-turquoise-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-turquoise-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-turquoise-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.bee-turquoise-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.bee-turquoise-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.bee-turquoise-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.bee-turquoise-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.bee-turquoise-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.bee-turquoise-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.bee-turquoise-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.bee-turquoise-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-turquoise-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-turquoise-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-turquoise-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-turquoise-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-turquoise-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-turquoise-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-turquoise-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-turquoise-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.bee-turquoise-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.bee-turquoise-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.bee-turquoise-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.bee-turquoise-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.bee-turquoise-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.bee-turquoise-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-turquoise-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-turquoise-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-turquoise-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-turquoise-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-turquoise-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-turquoise-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.bee-turquoise-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.bee-turquoise-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-turquoise-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-turquoise-theme bee-form-item {
  margin-right: 0 !important;
}
.bee-turquoise-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.bee-turquoise-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #00897b;
  height: 38px !important;
}
.bee-turquoise-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.bee-turquoise-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.bee-turquoise-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.bee-turquoise-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.bee-turquoise-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.bee-turquoise-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.bee-turquoise-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.bee-turquoise-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.bee-turquoise-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .bee-turquoise-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.bee-turquoise-theme .general-container .label-wrapper label {
  color: #00897b !important;
  background-color: white;
}
.bee-turquoise-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-turquoise-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.bee-turquoise-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.bee-turquoise-theme .general-container .bee-selector .bee-selector-container {
  border-color: #00897b !important;
}
.bee-turquoise-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.bee-turquoise-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.bee-turquoise-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.bee-turquoise-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.bee-turquoise-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.bee-turquoise-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-turquoise-theme .general-container .bee-selector .bee-selector-container:focus,
.bee-turquoise-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #00897b;
}
.bee-turquoise-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.bee-turquoise-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #00897b;
}
.bee-turquoise-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.bee-turquoise-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #00897b;
}
.bee-turquoise-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bee-turquoise-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-turquoise-theme .general-container .bee-dropdown {
  background: white;
}
.bee-turquoise-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #00897b;
}
.bee-turquoise-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.bee-turquoise-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.bee-turquoise-theme .general-container .selector-error {
  color: #e74737;
}
.bee-turquoise-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-turquoise-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.bee-turquoise-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-turquoise-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.bee-turquoise-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #00897b;
}
.bee-turquoise-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bee-turquoise-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-turquoise-theme .move-image-action-container:hover {
  color: #00897b;
}
.bee-turquoise-theme .info-icon {
  color: #00897b;
}
.bee-turquoise-theme .email-chip {
  color: #00897b !important;
  background-color: rgba(0, 137, 123, 0.15) !important;
}
.bee-turquoise-theme .email-chip .mat-chip-remove {
  color: #00897b !important;
  opacity: 1 !important;
}
.bee-turquoise-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.bee-turquoise-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.bee-turquoise-theme .mat-badge-content {
  color: #00897b !important;
}
.bee-turquoise-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #00897b !important;
}
.bee-turquoise-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #00897b !important;
}
.bee-turquoise-theme #circle-lleno {
  background: #8bffe9;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.bee-turquoise-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.bee-turquoise-theme .marine-color {
  color: #0f223e !important;
}
.bee-turquoise-theme .primary-color {
  color: #00897b !important;
}
.bee-turquoise-theme .gray-color {
  color: #C0C4CA !important;
}
.bee-turquoise-theme .primary-color-200 {
  color: #80c4bd !important;
}
.bee-turquoise-theme svg.primary-fill-svg {
  fill: #00897b !important;
}
.bee-turquoise-theme .primary-fill {
  fill: #00897b !important;
}
.bee-turquoise-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-turquoise-theme .primary-border-50 {
  border-color: #e0f1ef !important;
}
.bee-turquoise-theme .primary-border-100 {
  border-color: #b3dcd7 !important;
}
.bee-turquoise-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.bee-turquoise-theme .transparent-border-100 {
  border-color: transparent !important;
}
.bee-turquoise-theme .primary-border-200 {
  border-color: #80c4bd !important;
}
.bee-turquoise-theme .primary-indicator .mat-expansion-indicator:after {
  color: #00897b;
}
.bee-turquoise-theme .contrast-background {
  background-color: #ffffff !important;
}
.bee-turquoise-theme .primary-color-small {
  color: rgba(0, 137, 123, 0.6);
}
.bee-turquoise-theme .marine-background {
  background-color: #0f223e !important;
}
.bee-turquoise-theme .primary-background {
  background-color: #00897b !important;
}
.bee-turquoise-theme .primary-background-50 {
  background-color: #e0f1ef !important;
}
.bee-turquoise-theme .primary-background-200 {
  background-color: #80c4bd !important;
}
.bee-turquoise-theme .primary-background-800 {
  background-color: #006c5e !important;
}
.bee-turquoise-theme .white-color {
  color: white !important;
}
.bee-turquoise-theme .secondary-color {
  color: #8bffe9 !important;
}
.bee-turquoise-theme .secondary-background {
  background-color: #8bffe9 !important;
}
.bee-turquoise-theme .secondary-background-semi {
  background-color: #00897b !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #00897b !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-turquoise-theme .secondary-background-full {
  background-color: #00897b !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #00897b !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-turquoise-theme .secondary-background-empty {
  background-color: #00897b !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #00897b !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-turquoise-theme .secondary-border {
  background-color: #8bffe9 !important;
}
.bee-turquoise-theme .tertiary-color {
  color: #25ffd5 !important;
}
.bee-turquoise-theme button.button-tertiary {
  background-color: #25ffd5 !important;
  color: #00897b !important;
  border: 1px solid #00897b !important;
}
.bee-turquoise-theme span.red-text {
  color: #DB1F35 !important;
}
.bee-turquoise-theme .tertiary-background {
  background-color: #25ffd5 !important;
}
.bee-turquoise-theme .tertiary-border {
  border-color: #25ffd5 !important;
}
.bee-turquoise-theme .dark-background {
  background-color: black !important;
}
.bee-turquoise-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.bee-turquoise-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.bee-turquoise-theme .primary-soft-background {
  background-color: rgba(0, 137, 123, 0.1) !important;
}
.bee-turquoise-theme .primary-soft-background:hover {
  background-color: rgba(0, 137, 123, 0.15) !important;
}
.bee-turquoise-theme .primary-border {
  border-color: #00897b !important;
}
.bee-turquoise-theme .default-background {
  background-color: #fafafa !important;
}
.bee-turquoise-theme .hover-primary:hover {
  color: #00897b !important;
}
.bee-turquoise-theme .hover-primary-background:hover {
  background-color: #00897b !important;
}
.bee-turquoise-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.bee-turquoise-theme .warn-color {
  color: #e74737 !important;
}
.bee-turquoise-theme .warn-border {
  border-color: #e74737 !important;
}
.bee-turquoise-theme .accent-color {
  color: #cddc39 !important;
}
.bee-turquoise-theme .accent-background {
  background-color: #cddc39 !important;
}
.bee-turquoise-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.bee-turquoise-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.bee-turquoise-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.bee-turquoise-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-turquoise-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-turquoise-theme .dialog-table tr .action-icon {
  color: transparent;
}
.bee-turquoise-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bee-turquoise-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.bee-turquoise-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #00897b;
}
.bee-turquoise-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-turquoise-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-turquoise-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.bee-turquoise-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.bee-turquoise-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.bee-turquoise-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-turquoise-theme .card-table tr .action-icon {
  color: transparent;
}
.bee-turquoise-theme .card-table tr .action-icon button {
  color: transparent;
}
.bee-turquoise-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-turquoise-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-turquoise-theme .card-table tr:hover .action-icon button {
  color: #00897b;
}
.bee-turquoise-theme .card-table tr:hover .action-icon:hover {
  color: #00897b;
}
.bee-turquoise-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-turquoise-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.bee-turquoise-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-turquoise-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-turquoise-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #00897b;
}
.bee-turquoise-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-turquoise-theme .no-hover-table tr:hover {
  background: white;
}
.bee-turquoise-theme .custom-standard-chip {
  background-color: rgba(0, 137, 123, 0.1) !important;
  color: #00897b !important;
}
.bee-turquoise-theme .help-dashboard-card .mat-icon {
  color: #00897b;
}
.bee-turquoise-theme .help-dashboard-card:hover {
  background-color: #00897b;
}
.bee-turquoise-theme .help-dashboard-card:hover .mat-icon,
.bee-turquoise-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.bee-turquoise-theme .room-open {
  background-color: #00897b !important;
  color: white !important;
}
.bee-turquoise-theme .room-open:hover {
  background-color: #00897b !important;
  color: white !important;
}
.bee-turquoise-theme #public-office-page-groups .public-group-button-hover {
  background-color: #00897b !important;
  color: white !important;
}
.bee-turquoise-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-turquoise-theme .notification-container .show-tip {
  color: transparent;
}
.bee-turquoise-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-turquoise-theme .notification-container:hover .show-tip {
  color: #00897b;
}
.bee-turquoise-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-turquoise-theme .notification-container .notification-subject .mat-icon {
  color: #00897b;
}
.bee-turquoise-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-turquoise-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-turquoise-theme .message-container .show-tip {
  color: transparent;
}
.bee-turquoise-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-turquoise-theme .message-container:hover .show-tip {
  color: #00897b;
}
.bee-turquoise-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-turquoise-theme .message-container .message-subject .mat-icon {
  color: #00897b;
}
.bee-turquoise-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-turquoise-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.bee-turquoise-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.bee-turquoise-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.bee-turquoise-theme .primary-200-outline input {
  caret-color: #80c4bd;
  color: #00897b;
}
.bee-turquoise-theme .primary-200-outline label {
  color: #80c4bd;
}
.bee-turquoise-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #80c4bd !important;
}
.bee-turquoise-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #80c4bd;
}
.bee-turquoise-theme mat-form-field .primary-outline label {
  color: #00897b !important;
}
.bee-turquoise-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #00897b !important;
}
.bee-turquoise-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #00897b !important;
}
.bee-turquoise-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.bee-turquoise-theme .input-primary input {
  caret-color: #00897b;
  color: #00897b;
}
.bee-turquoise-theme .input-primary label {
  color: #00897b;
}
.bee-turquoise-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #00897b !important;
}
.bee-turquoise-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.bee-turquoise-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #00897b;
  border-width: 1px;
}
.bee-turquoise-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.bee-turquoise-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.bee-turquoise-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.bee-turquoise-theme .boton-recarga {
  background-color: #00897b;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.bee-turquoise-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.bee-turquoise-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.bee-turquoise-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.bee-turquoise-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.bee-turquoise-theme .header-container button {
  padding: 0 !important;
}
.bee-turquoise-theme .header-container .mat-button {
  min-width: unset !important;
}
.bee-turquoise-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.bee-turquoise-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bee-turquoise-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.bee-turquoise-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.bee-turquoise-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.bee-turquoise-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-turquoise-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-turquoise-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-turquoise-theme .input-recarga-marine {
  border: 1px solid #00897b !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.bee-turquoise-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-turquoise-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-turquoise-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-turquoise-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-turquoise-theme .color-primary {
  color: #00897b !important;
  fill: #00897b !important;
}
.bee-turquoise-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.bee-turquoise-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.bee-turquoise-theme .primary-contrast {
  color: #ffffff !important;
}
.bee-turquoise-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #00897b !important;
}
.bee-turquoise-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #00897b !important;
}
.bee-turquoise-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.bee-turquoise-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #00897b !important;
}
.bee-turquoise-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-turquoise-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-turquoise-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-turquoise-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #00897b !important;
}
.bee-turquoise-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #00897b !important;
}
.bee-turquoise-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #00897b !important;
}
.bee-turquoise-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #00897b !important;
}
.bee-turquoise-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #00897b !important;
}
.bee-turquoise-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-turquoise-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #00897b !important;
}
.bee-turquoise-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-turquoise-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #00897b !important;
}
.bee-turquoise-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-turquoise-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-turquoise-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #00897b !important;
}
.bee-turquoise-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #8bffe9 !important;
}
.bee-turquoise-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-turquoise-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #00897b !important;
}
.bee-turquoise-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #00897b !important;
}
.bee-turquoise-theme .mat-checkbox-checked .mat-checkbox-background,
.bee-turquoise-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #00897b !important;
}
.bee-turquoise-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #00897b !important;
}
.bee-turquoise-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-turquoise-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #00897b !important;
}
.bee-turquoise-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-turquoise-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #00897b !important;
}
.bee-turquoise-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #80c4bd !important;
}
.bee-turquoise-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #00897b !important;
}
.bee-turquoise-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-turquoise-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.bee-turquoise-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.bee-turquoise-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.bee-turquoise-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #00897b !important;
}
.bee-turquoise-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #00897b !important;
}
.bee-turquoise-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #00897b !important;
}
.bee-turquoise-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-turquoise-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #00897b !important;
}
.bee-turquoise-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #00897b !important;
}
.bee-turquoise-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #00897b !important;
}
.bee-turquoise-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-turquoise-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-turquoise-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #00897b !important;
}
.bee-turquoise-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #00897b !important;
}
.bee-turquoise-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-turquoise-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-turquoise-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #00897b !important;
}
.bee-turquoise-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-turquoise-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-turquoise-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-turquoise-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #00897b !important;
}
.bee-turquoise-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.bee-turquoise-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #00897b !important;
}
.bee-turquoise-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #00897b !important;
}
.bee-turquoise-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #00897b !important;
}
.bee-turquoise-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.bee-turquoise-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-turquoise-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-turquoise-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #00897b !important;
}
.bee-turquoise-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #00897b !important;
}
.bee-turquoise-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #8bffe9 !important;
}
.bee-turquoise-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #8bffe9 !important;
}
.bee-turquoise-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.bee-turquoise-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #00897b !important;
}
.bee-turquoise-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #00897b !important;
}
.bee-turquoise-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.bee-turquoise-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #00897b !important;
}
.bee-turquoise-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #00897b !important;
}
.bee-turquoise-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bee-turquoise-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bee-turquoise-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.bee-turquoise-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #8bffe9 !important;
}
.bee-turquoise-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #8bffe9 !important;
}
.bee-turquoise-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.bee-turquoise-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.bee-turquoise-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #25ffd5 !important;
}
.bee-turquoise-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #25ffd5 !important;
}
.bee-turquoise-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #25ffd5 !important;
}
.bee-turquoise-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #25ffd5 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bee-turquoise-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #25ffd5 !important;
}
.bee-turquoise-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #25ffd5 !important;
}
.bee-turquoise-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #00897b !important;
}
.bee-turquoise-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #00897b !important;
}
.bee-turquoise-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #00897b !important;
}
.bee-turquoise-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bee-turquoise-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.bee-turquoise-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bee-turquoise-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.bee-turquoise-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.bee-turquoise-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #00897b !important;
}
.bee-turquoise-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #00897b !important;
}
.bee-turquoise-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #00897b !important;
}
.bee-turquoise-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #00897b !important;
}
.bee-turquoise-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #00897b !important;
}
.bee-turquoise-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #00897b !important;
}
.bee-turquoise-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.bee-turquoise-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #00897b !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.bee-turquoise-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.bee-turquoise-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.bee-turquoise-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.bee-turquoise-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.bee-turquoise-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.bee-turquoise-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #8bffe9 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-turquoise-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #00897b !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #00897b !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-turquoise-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #00897b !important;
}
.bee-turquoise-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.bee-turquoise-theme .button-text-hidden {
  display: none;
}
.bee-cyan-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #01acc1;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #cddc39;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #cddc39;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #01acc1 87%, transparent);
  --mat-form-field-filled-caret-color: #01acc1;
  --mat-form-field-filled-focus-active-indicator-color: #01acc1;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #01acc1 87%, transparent);
  --mat-form-field-outlined-caret-color: #01acc1;
  --mat-form-field-outlined-focus-outline-color: #01acc1;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #01acc1 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #01acc1;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #01acc1;
  --mat-slide-toggle-selected-handle-color: #01acc1;
  --mat-slide-toggle-selected-hover-state-layer-color: #01acc1;
  --mat-slide-toggle-selected-pressed-state-layer-color: #01acc1;
  --mat-slide-toggle-selected-focus-handle-color: #01acc1;
  --mat-slide-toggle-selected-hover-handle-color: #01acc1;
  --mat-slide-toggle-selected-pressed-handle-color: #01acc1;
  --mat-slide-toggle-selected-focus-track-color: #4dc5d4;
  --mat-slide-toggle-selected-hover-track-color: #4dc5d4;
  --mat-slide-toggle-selected-pressed-track-color: #4dc5d4;
  --mat-slide-toggle-selected-track-color: #4dc5d4;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #01acc1;
  --mat-slider-focus-handle-color: #01acc1;
  --mat-slider-handle-color: #01acc1;
  --mat-slider-hover-handle-color: #01acc1;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #01acc1 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #01acc1 4%, transparent);
  --mat-slider-inactive-track-color: #01acc1;
  --mat-slider-ripple-color: #01acc1;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #01acc1;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #cddc39;
  --mat-checkbox-selected-hover-icon-color: #cddc39;
  --mat-checkbox-selected-icon-color: #cddc39;
  --mat-checkbox-selected-pressed-icon-color: #cddc39;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #cddc39;
  --mat-checkbox-selected-hover-state-layer-color: #cddc39;
  --mat-checkbox-selected-pressed-state-layer-color: #cddc39;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #4dc5d4;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #01acc1;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #01acc1;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #01acc1 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #01acc1;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #01acc1 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #01acc1 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #01acc1 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #01acc1;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #01acc1;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #01acc1;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #01acc1;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #01acc1;
  --mat-slide-toggle-selected-handle-color: #01acc1;
  --mat-slide-toggle-selected-hover-state-layer-color: #01acc1;
  --mat-slide-toggle-selected-pressed-state-layer-color: #01acc1;
  --mat-slide-toggle-selected-focus-handle-color: #01acc1;
  --mat-slide-toggle-selected-hover-handle-color: #01acc1;
  --mat-slide-toggle-selected-pressed-handle-color: #01acc1;
  --mat-slide-toggle-selected-focus-track-color: #4dc5d4;
  --mat-slide-toggle-selected-hover-track-color: #4dc5d4;
  --mat-slide-toggle-selected-pressed-track-color: #4dc5d4;
  --mat-slide-toggle-selected-track-color: #4dc5d4;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-cyan-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #cddc39;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-cyan-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-cyan-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #01acc1;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #01acc1;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-cyan-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #cddc39;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #cddc39;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-cyan-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-cyan-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #01acc1;
  --mat-progress-bar-track-color: rgba(1, 172, 193, 0.25);
}
.bee-cyan-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #cddc39;
  --mat-progress-bar-track-color: rgba(205, 220, 57, 0.25);
}
.bee-cyan-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.bee-cyan-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #cddc39 87%, transparent);
  --mat-form-field-filled-caret-color: #cddc39;
  --mat-form-field-filled-focus-active-indicator-color: #cddc39;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #cddc39 87%, transparent);
  --mat-form-field-outlined-caret-color: #cddc39;
  --mat-form-field-outlined-focus-outline-color: #cddc39;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #cddc39 87%, transparent);
}
.bee-cyan-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.bee-cyan-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #cddc39;
  --mat-select-invalid-arrow-color: #e74737;
}
.bee-cyan-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.bee-cyan-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.bee-cyan-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-cyan-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.bee-cyan-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #01acc1;
  --mat-chip-elevated-disabled-container-color: #01acc1;
  --mat-chip-elevated-selected-container-color: #01acc1;
  --mat-chip-flat-disabled-selected-container-color: #01acc1;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bee-cyan-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.bee-cyan-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: #cddc39;
  --mat-chip-elevated-disabled-container-color: #cddc39;
  --mat-chip-elevated-selected-container-color: #cddc39;
  --mat-chip-flat-disabled-selected-container-color: #cddc39;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-cyan-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.bee-cyan-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bee-cyan-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.bee-cyan-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.bee-cyan-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-focus-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-handle-color: #cddc39;
  --mat-slide-toggle-selected-pressed-handle-color: #cddc39;
  --mat-slide-toggle-selected-focus-track-color: #dce775;
  --mat-slide-toggle-selected-hover-track-color: #dce775;
  --mat-slide-toggle-selected-pressed-track-color: #dce775;
  --mat-slide-toggle-selected-track-color: #dce775;
}
.bee-cyan-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bee-cyan-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-cyan-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #01acc1;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #01acc1;
  --mat-radio-selected-hover-icon-color: #01acc1;
  --mat-radio-selected-icon-color: #01acc1;
  --mat-radio-selected-pressed-icon-color: #01acc1;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-cyan-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #cddc39;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #cddc39;
  --mat-radio-selected-hover-icon-color: #cddc39;
  --mat-radio-selected-icon-color: #cddc39;
  --mat-radio-selected-pressed-icon-color: #cddc39;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-cyan-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-cyan-theme .mat-accent {
  --mat-slider-active-track-color: #cddc39;
  --mat-slider-focus-handle-color: #cddc39;
  --mat-slider-handle-color: #cddc39;
  --mat-slider-hover-handle-color: #cddc39;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #cddc39 4%, transparent);
  --mat-slider-inactive-track-color: #cddc39;
  --mat-slider-ripple-color: #cddc39;
  --mat-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-inactive-container-color: #cddc39;
}
.bee-cyan-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.bee-cyan-theme .mdc-list-item__start,
.bee-cyan-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #01acc1;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #01acc1;
  --mat-radio-selected-hover-icon-color: #01acc1;
  --mat-radio-selected-icon-color: #01acc1;
  --mat-radio-selected-pressed-icon-color: #01acc1;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-cyan-theme .mat-accent .mdc-list-item__start,
.bee-cyan-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #cddc39;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #cddc39;
  --mat-radio-selected-hover-icon-color: #cddc39;
  --mat-radio-selected-icon-color: #cddc39;
  --mat-radio-selected-pressed-icon-color: #cddc39;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-cyan-theme .mat-warn .mdc-list-item__start,
.bee-cyan-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-cyan-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #01acc1;
  --mat-checkbox-selected-hover-icon-color: #01acc1;
  --mat-checkbox-selected-icon-color: #01acc1;
  --mat-checkbox-selected-pressed-icon-color: #01acc1;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #01acc1;
  --mat-checkbox-selected-hover-state-layer-color: #01acc1;
  --mat-checkbox-selected-pressed-state-layer-color: #01acc1;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-cyan-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #cddc39;
  --mat-checkbox-selected-hover-icon-color: #cddc39;
  --mat-checkbox-selected-icon-color: #cddc39;
  --mat-checkbox-selected-pressed-icon-color: #cddc39;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #cddc39;
  --mat-checkbox-selected-hover-state-layer-color: #cddc39;
  --mat-checkbox-selected-pressed-state-layer-color: #cddc39;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-cyan-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-cyan-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.bee-cyan-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.bee-cyan-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.bee-cyan-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #01acc1;
}
.bee-cyan-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.bee-cyan-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.bee-cyan-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.bee-cyan-theme .mdc-list-item__start,
.bee-cyan-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.bee-cyan-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.bee-cyan-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.bee-cyan-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.bee-cyan-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.bee-cyan-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.bee-cyan-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.bee-cyan-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.bee-cyan-theme .mat-mdc-tab-group,
.bee-cyan-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #01acc1;
  --mat-tab-active-ripple-color: #01acc1;
  --mat-tab-inactive-ripple-color: #01acc1;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #01acc1;
  --mat-tab-active-hover-label-text-color: #01acc1;
  --mat-tab-active-focus-indicator-color: #01acc1;
  --mat-tab-active-hover-indicator-color: #01acc1;
  --mat-tab-active-indicator-color: #01acc1;
}
.bee-cyan-theme .mat-mdc-tab-group.mat-accent,
.bee-cyan-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #cddc39;
  --mat-tab-active-ripple-color: #cddc39;
  --mat-tab-inactive-ripple-color: #cddc39;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #cddc39;
  --mat-tab-active-hover-label-text-color: #cddc39;
  --mat-tab-active-focus-indicator-color: #cddc39;
  --mat-tab-active-hover-indicator-color: #cddc39;
  --mat-tab-active-indicator-color: #cddc39;
}
.bee-cyan-theme .mat-mdc-tab-group.mat-warn,
.bee-cyan-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.bee-cyan-theme .mat-mdc-tab-group.mat-background-primary,
.bee-cyan-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #01acc1;
  --mat-tab-foreground-color: #ffffff;
}
.bee-cyan-theme .mat-mdc-tab-group.mat-background-accent,
.bee-cyan-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #cddc39;
  --mat-tab-foreground-color: rgba(0, 0, 0, 0.87);
}
.bee-cyan-theme .mat-mdc-tab-group.mat-background-warn,
.bee-cyan-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.bee-cyan-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.bee-cyan-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.bee-cyan-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #01acc1;
  --mat-checkbox-selected-hover-icon-color: #01acc1;
  --mat-checkbox-selected-icon-color: #01acc1;
  --mat-checkbox-selected-pressed-icon-color: #01acc1;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #01acc1;
  --mat-checkbox-selected-hover-state-layer-color: #01acc1;
  --mat-checkbox-selected-pressed-state-layer-color: #01acc1;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-cyan-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-cyan-theme .mat-mdc-button.mat-primary,
.bee-cyan-theme .mat-mdc-unelevated-button.mat-primary,
.bee-cyan-theme .mat-mdc-raised-button.mat-primary,
.bee-cyan-theme .mat-mdc-outlined-button.mat-primary,
.bee-cyan-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #01acc1;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #01acc1;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #01acc1 12%, transparent);
  --mat-button-outlined-state-layer-color: #01acc1;
  --mat-button-protected-container-color: #01acc1;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #01acc1;
  --mat-button-text-ripple-color: color-mix(in srgb, #01acc1 12%, transparent);
  --mat-button-text-state-layer-color: #01acc1;
  --mat-button-tonal-container-color: #01acc1;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bee-cyan-theme .mat-mdc-button.mat-accent,
.bee-cyan-theme .mat-mdc-unelevated-button.mat-accent,
.bee-cyan-theme .mat-mdc-raised-button.mat-accent,
.bee-cyan-theme .mat-mdc-outlined-button.mat-accent,
.bee-cyan-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #cddc39;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-label-text-color: #cddc39;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-button-outlined-state-layer-color: #cddc39;
  --mat-button-protected-container-color: #cddc39;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-label-text-color: #cddc39;
  --mat-button-text-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-button-text-state-layer-color: #cddc39;
  --mat-button-tonal-container-color: #cddc39;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-cyan-theme .mat-mdc-button.mat-warn,
.bee-cyan-theme .mat-mdc-unelevated-button.mat-warn,
.bee-cyan-theme .mat-mdc-raised-button.mat-warn,
.bee-cyan-theme .mat-mdc-outlined-button.mat-warn,
.bee-cyan-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bee-cyan-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #01acc1;
  --mat-icon-button-state-layer-color: #01acc1;
  --mat-icon-button-ripple-color: color-mix(in srgb, #01acc1 12%, transparent);
}
.bee-cyan-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #cddc39;
  --mat-icon-button-state-layer-color: #cddc39;
  --mat-icon-button-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
}
.bee-cyan-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.bee-cyan-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.bee-cyan-theme .mat-mdc-fab.mat-primary,
.bee-cyan-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #01acc1;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #01acc1 12%, transparent);
  --mat-fab-small-container-color: #01acc1;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bee-cyan-theme .mat-mdc-fab.mat-accent,
.bee-cyan-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #cddc39;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-fab-small-container-color: #cddc39;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-cyan-theme .mat-mdc-fab.mat-warn,
.bee-cyan-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bee-cyan-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #cddc39;
}
.bee-cyan-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.bee-cyan-theme .mat-badge-accent {
  --mat-badge-background-color: #cddc39;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
}
.bee-cyan-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.bee-cyan-theme .mat-datepicker-content.mat-accent,
.bee-cyan-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #cddc39;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #cddc39 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #cddc39 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #cddc39;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-cyan-theme .mat-datepicker-content.mat-warn,
.bee-cyan-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-cyan-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.bee-cyan-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.bee-cyan-theme .mat-icon.mat-primary {
  --mat-icon-color: #01acc1;
}
.bee-cyan-theme .mat-icon.mat-accent {
  --mat-icon-color: #cddc39;
}
.bee-cyan-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.bee-cyan-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #cddc39;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #cddc39;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #cddc39;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}
.bee-cyan-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.bee-cyan-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #01acc1;
  --mat-toolbar-container-text-color: #ffffff;
}
.bee-cyan-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #cddc39;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-cyan-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.bee-cyan-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-focus-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-handle-color: #cddc39;
  --mat-slide-toggle-selected-pressed-handle-color: #cddc39;
  --mat-slide-toggle-selected-focus-track-color: #dce775;
  --mat-slide-toggle-selected-hover-track-color: #dce775;
  --mat-slide-toggle-selected-pressed-track-color: #dce775;
  --mat-slide-toggle-selected-track-color: #dce775;
}
.bee-cyan-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bee-cyan-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-cyan-theme .back-container {
  color: #01acc1;
}
.bee-cyan-theme .back-container:hover {
  opacity: 0.54;
}
.bee-cyan-theme .warn-text {
  color: #e74737;
}
.bee-cyan-theme .inside-modal-title.primary-colored-title,
.bee-cyan-theme .form-title.primary-colored-title {
  color: #01acc1;
}
.bee-cyan-theme .full-height-container form .button-container {
  background: white;
}
.bee-cyan-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.bee-cyan-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.bee-cyan-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-cyan-theme .box-checkbox.active-box-checkbox {
  background-color: #01acc1;
  color: white;
}
.bee-cyan-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-cyan-theme .box-radio.active-box-radio {
  background-color: #01acc1;
  color: white;
}
.bee-cyan-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.bee-cyan-theme .error {
  color: #e74737;
}
.bee-cyan-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.bee-cyan-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.bee-cyan-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-cyan-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.bee-cyan-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-cyan-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-cyan-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.bee-cyan-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.bee-cyan-theme .ql-snow .ql-picker-options {
  background: white;
}
.bee-cyan-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.bee-cyan-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.bee-cyan-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.bee-cyan-theme .ql-snow .ql-fill,
.bee-cyan-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.bee-cyan-theme .ql-snow.ql-toolbar button:hover,
.bee-cyan-theme .ql-snow .ql-toolbar button:hover,
.bee-cyan-theme .ql-snow.ql-toolbar button:focus,
.bee-cyan-theme .ql-snow .ql-toolbar button:focus,
.bee-cyan-theme .ql-snow.ql-toolbar button.ql-active,
.bee-cyan-theme .ql-snow .ql-toolbar button.ql-active,
.bee-cyan-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.bee-cyan-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.bee-cyan-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.bee-cyan-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.bee-cyan-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.bee-cyan-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.bee-cyan-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.bee-cyan-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.bee-cyan-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.bee-cyan-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.bee-cyan-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.bee-cyan-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.bee-cyan-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.bee-cyan-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.bee-cyan-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-cyan-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-cyan-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-cyan-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-cyan-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-cyan-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-cyan-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-cyan-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-cyan-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-cyan-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-cyan-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-cyan-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-cyan-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-cyan-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-cyan-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-cyan-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-cyan-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-cyan-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-cyan-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-cyan-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-cyan-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.bee-cyan-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.bee-cyan-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.bee-cyan-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.bee-cyan-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.bee-cyan-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.bee-cyan-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.bee-cyan-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.bee-cyan-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-cyan-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-cyan-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-cyan-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-cyan-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-cyan-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-cyan-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-cyan-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-cyan-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.bee-cyan-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.bee-cyan-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.bee-cyan-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.bee-cyan-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.bee-cyan-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.bee-cyan-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-cyan-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-cyan-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-cyan-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-cyan-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-cyan-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-cyan-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.bee-cyan-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.bee-cyan-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-cyan-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-cyan-theme bee-form-item {
  margin-right: 0 !important;
}
.bee-cyan-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.bee-cyan-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #01acc1;
  height: 38px !important;
}
.bee-cyan-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.bee-cyan-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.bee-cyan-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.bee-cyan-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.bee-cyan-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.bee-cyan-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.bee-cyan-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.bee-cyan-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.bee-cyan-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .bee-cyan-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.bee-cyan-theme .general-container .label-wrapper label {
  color: #01acc1 !important;
  background-color: white;
}
.bee-cyan-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-cyan-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.bee-cyan-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.bee-cyan-theme .general-container .bee-selector .bee-selector-container {
  border-color: #01acc1 !important;
}
.bee-cyan-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.bee-cyan-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.bee-cyan-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.bee-cyan-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.bee-cyan-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.bee-cyan-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-cyan-theme .general-container .bee-selector .bee-selector-container:focus,
.bee-cyan-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #01acc1;
}
.bee-cyan-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.bee-cyan-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #01acc1;
}
.bee-cyan-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.bee-cyan-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #01acc1;
}
.bee-cyan-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bee-cyan-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-cyan-theme .general-container .bee-dropdown {
  background: white;
}
.bee-cyan-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #01acc1;
}
.bee-cyan-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.bee-cyan-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.bee-cyan-theme .general-container .selector-error {
  color: #e74737;
}
.bee-cyan-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-cyan-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.bee-cyan-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-cyan-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.bee-cyan-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #01acc1;
}
.bee-cyan-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bee-cyan-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-cyan-theme .move-image-action-container:hover {
  color: #01acc1;
}
.bee-cyan-theme .info-icon {
  color: #01acc1;
}
.bee-cyan-theme .email-chip {
  color: #01acc1 !important;
  background-color: rgba(1, 172, 193, 0.15) !important;
}
.bee-cyan-theme .email-chip .mat-chip-remove {
  color: #01acc1 !important;
  opacity: 1 !important;
}
.bee-cyan-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.bee-cyan-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.bee-cyan-theme .mat-badge-content {
  color: #01acc1 !important;
}
.bee-cyan-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #01acc1 !important;
}
.bee-cyan-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #01acc1 !important;
}
.bee-cyan-theme #circle-lleno {
  background: #c9f4ff;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.bee-cyan-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.bee-cyan-theme .marine-color {
  color: #0f223e !important;
}
.bee-cyan-theme .primary-color {
  color: #01acc1 !important;
}
.bee-cyan-theme .gray-color {
  color: #C0C4CA !important;
}
.bee-cyan-theme .primary-color-200 {
  color: #80d6e0 !important;
}
.bee-cyan-theme svg.primary-fill-svg {
  fill: #01acc1 !important;
}
.bee-cyan-theme .primary-fill {
  fill: #01acc1 !important;
}
.bee-cyan-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-cyan-theme .primary-border-50 {
  border-color: #e1f5f8 !important;
}
.bee-cyan-theme .primary-border-100 {
  border-color: #b3e6ec !important;
}
.bee-cyan-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.bee-cyan-theme .transparent-border-100 {
  border-color: transparent !important;
}
.bee-cyan-theme .primary-border-200 {
  border-color: #80d6e0 !important;
}
.bee-cyan-theme .primary-indicator .mat-expansion-indicator:after {
  color: #01acc1;
}
.bee-cyan-theme .contrast-background {
  background-color: #ffffff !important;
}
.bee-cyan-theme .primary-color-small {
  color: rgba(1, 172, 193, 0.6);
}
.bee-cyan-theme .marine-background {
  background-color: #0f223e !important;
}
.bee-cyan-theme .primary-background {
  background-color: #01acc1 !important;
}
.bee-cyan-theme .primary-background-50 {
  background-color: #e1f5f8 !important;
}
.bee-cyan-theme .primary-background-200 {
  background-color: #80d6e0 !important;
}
.bee-cyan-theme .primary-background-800 {
  background-color: #0192ab !important;
}
.bee-cyan-theme .white-color {
  color: white !important;
}
.bee-cyan-theme .secondary-color {
  color: #c9f4ff !important;
}
.bee-cyan-theme .secondary-background {
  background-color: #c9f4ff !important;
}
.bee-cyan-theme .secondary-background-semi {
  background-color: #01acc1 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #01acc1 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-cyan-theme .secondary-background-full {
  background-color: #01acc1 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #01acc1 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-cyan-theme .secondary-background-empty {
  background-color: #01acc1 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #01acc1 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-cyan-theme .secondary-border {
  background-color: #c9f4ff !important;
}
.bee-cyan-theme .tertiary-color {
  color: #63dfff !important;
}
.bee-cyan-theme button.button-tertiary {
  background-color: #63dfff !important;
  color: #01acc1 !important;
  border: 1px solid #01acc1 !important;
}
.bee-cyan-theme span.red-text {
  color: #DB1F35 !important;
}
.bee-cyan-theme .tertiary-background {
  background-color: #63dfff !important;
}
.bee-cyan-theme .tertiary-border {
  border-color: #63dfff !important;
}
.bee-cyan-theme .dark-background {
  background-color: black !important;
}
.bee-cyan-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.bee-cyan-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.bee-cyan-theme .primary-soft-background {
  background-color: rgba(1, 172, 193, 0.1) !important;
}
.bee-cyan-theme .primary-soft-background:hover {
  background-color: rgba(1, 172, 193, 0.15) !important;
}
.bee-cyan-theme .primary-border {
  border-color: #01acc1 !important;
}
.bee-cyan-theme .default-background {
  background-color: #fafafa !important;
}
.bee-cyan-theme .hover-primary:hover {
  color: #01acc1 !important;
}
.bee-cyan-theme .hover-primary-background:hover {
  background-color: #01acc1 !important;
}
.bee-cyan-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.bee-cyan-theme .warn-color {
  color: #e74737 !important;
}
.bee-cyan-theme .warn-border {
  border-color: #e74737 !important;
}
.bee-cyan-theme .accent-color {
  color: #cddc39 !important;
}
.bee-cyan-theme .accent-background {
  background-color: #cddc39 !important;
}
.bee-cyan-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.bee-cyan-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.bee-cyan-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.bee-cyan-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-cyan-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-cyan-theme .dialog-table tr .action-icon {
  color: transparent;
}
.bee-cyan-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bee-cyan-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.bee-cyan-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #01acc1;
}
.bee-cyan-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-cyan-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-cyan-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.bee-cyan-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.bee-cyan-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.bee-cyan-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-cyan-theme .card-table tr .action-icon {
  color: transparent;
}
.bee-cyan-theme .card-table tr .action-icon button {
  color: transparent;
}
.bee-cyan-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-cyan-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-cyan-theme .card-table tr:hover .action-icon button {
  color: #01acc1;
}
.bee-cyan-theme .card-table tr:hover .action-icon:hover {
  color: #01acc1;
}
.bee-cyan-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-cyan-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.bee-cyan-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-cyan-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-cyan-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #01acc1;
}
.bee-cyan-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-cyan-theme .no-hover-table tr:hover {
  background: white;
}
.bee-cyan-theme .custom-standard-chip {
  background-color: rgba(1, 172, 193, 0.1) !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .help-dashboard-card .mat-icon {
  color: #01acc1;
}
.bee-cyan-theme .help-dashboard-card:hover {
  background-color: #01acc1;
}
.bee-cyan-theme .help-dashboard-card:hover .mat-icon,
.bee-cyan-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.bee-cyan-theme .room-open {
  background-color: #01acc1 !important;
  color: white !important;
}
.bee-cyan-theme .room-open:hover {
  background-color: #01acc1 !important;
  color: white !important;
}
.bee-cyan-theme #public-office-page-groups .public-group-button-hover {
  background-color: #01acc1 !important;
  color: white !important;
}
.bee-cyan-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-cyan-theme .notification-container .show-tip {
  color: transparent;
}
.bee-cyan-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-cyan-theme .notification-container:hover .show-tip {
  color: #01acc1;
}
.bee-cyan-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-cyan-theme .notification-container .notification-subject .mat-icon {
  color: #01acc1;
}
.bee-cyan-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-cyan-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-cyan-theme .message-container .show-tip {
  color: transparent;
}
.bee-cyan-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-cyan-theme .message-container:hover .show-tip {
  color: #01acc1;
}
.bee-cyan-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-cyan-theme .message-container .message-subject .mat-icon {
  color: #01acc1;
}
.bee-cyan-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-cyan-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.bee-cyan-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.bee-cyan-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.bee-cyan-theme .primary-200-outline input {
  caret-color: #80d6e0;
  color: #01acc1;
}
.bee-cyan-theme .primary-200-outline label {
  color: #80d6e0;
}
.bee-cyan-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #80d6e0 !important;
}
.bee-cyan-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #80d6e0;
}
.bee-cyan-theme mat-form-field .primary-outline label {
  color: #01acc1 !important;
}
.bee-cyan-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #01acc1 !important;
}
.bee-cyan-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #01acc1 !important;
}
.bee-cyan-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.bee-cyan-theme .input-primary input {
  caret-color: #01acc1;
  color: #01acc1;
}
.bee-cyan-theme .input-primary label {
  color: #01acc1;
}
.bee-cyan-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #01acc1 !important;
}
.bee-cyan-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.bee-cyan-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #01acc1;
  border-width: 1px;
}
.bee-cyan-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.bee-cyan-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.bee-cyan-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.bee-cyan-theme .boton-recarga {
  background-color: #01acc1;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.bee-cyan-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.bee-cyan-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
}
.bee-cyan-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.bee-cyan-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.bee-cyan-theme .header-container button {
  padding: 0 !important;
}
.bee-cyan-theme .header-container .mat-button {
  min-width: unset !important;
}
.bee-cyan-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.bee-cyan-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bee-cyan-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.bee-cyan-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.bee-cyan-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.bee-cyan-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-cyan-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-cyan-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-cyan-theme .input-recarga-marine {
  border: 1px solid #01acc1 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.bee-cyan-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-cyan-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-cyan-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-cyan-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-cyan-theme .color-primary {
  color: #01acc1 !important;
  fill: #01acc1 !important;
}
.bee-cyan-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.bee-cyan-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.bee-cyan-theme .primary-contrast {
  color: #ffffff !important;
}
.bee-cyan-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.bee-cyan-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-cyan-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-cyan-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-cyan-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-cyan-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-cyan-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-cyan-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-cyan-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #c9f4ff !important;
}
.bee-cyan-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-cyan-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .mat-checkbox-checked .mat-checkbox-background,
.bee-cyan-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #01acc1 !important;
}
.bee-cyan-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-cyan-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-cyan-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #80d6e0 !important;
}
.bee-cyan-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-cyan-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.bee-cyan-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.bee-cyan-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.bee-cyan-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-cyan-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-cyan-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-cyan-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #01acc1 !important;
}
.bee-cyan-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-cyan-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-cyan-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-cyan-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-cyan-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-cyan-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.bee-cyan-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.bee-cyan-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-cyan-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-cyan-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #c9f4ff !important;
}
.bee-cyan-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #c9f4ff !important;
}
.bee-cyan-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.bee-cyan-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.bee-cyan-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bee-cyan-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bee-cyan-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.bee-cyan-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #c9f4ff !important;
}
.bee-cyan-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #c9f4ff !important;
}
.bee-cyan-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.bee-cyan-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.bee-cyan-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #63dfff !important;
}
.bee-cyan-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #63dfff !important;
}
.bee-cyan-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #63dfff !important;
}
.bee-cyan-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #63dfff !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bee-cyan-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #63dfff !important;
}
.bee-cyan-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #63dfff !important;
}
.bee-cyan-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bee-cyan-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.bee-cyan-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bee-cyan-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.bee-cyan-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.bee-cyan-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #01acc1 !important;
}
.bee-cyan-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.bee-cyan-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #01acc1 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.bee-cyan-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.bee-cyan-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.bee-cyan-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.bee-cyan-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.bee-cyan-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.bee-cyan-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #c9f4ff !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-cyan-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #01acc1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #01acc1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-cyan-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #01acc1 !important;
}
.bee-cyan-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.bee-cyan-theme .button-text-hidden {
  display: none;
}
.bee-blue-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #1e88e5;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #cddc39;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #cddc39;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #1e88e5 87%, transparent);
  --mat-form-field-filled-caret-color: #1e88e5;
  --mat-form-field-filled-focus-active-indicator-color: #1e88e5;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #1e88e5 87%, transparent);
  --mat-form-field-outlined-caret-color: #1e88e5;
  --mat-form-field-outlined-focus-outline-color: #1e88e5;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #1e88e5 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #1e88e5;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #1e88e5;
  --mat-slide-toggle-selected-handle-color: #1e88e5;
  --mat-slide-toggle-selected-hover-state-layer-color: #1e88e5;
  --mat-slide-toggle-selected-pressed-state-layer-color: #1e88e5;
  --mat-slide-toggle-selected-focus-handle-color: #1e88e5;
  --mat-slide-toggle-selected-hover-handle-color: #1e88e5;
  --mat-slide-toggle-selected-pressed-handle-color: #1e88e5;
  --mat-slide-toggle-selected-focus-track-color: #62aced;
  --mat-slide-toggle-selected-hover-track-color: #62aced;
  --mat-slide-toggle-selected-pressed-track-color: #62aced;
  --mat-slide-toggle-selected-track-color: #62aced;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #1e88e5;
  --mat-slider-focus-handle-color: #1e88e5;
  --mat-slider-handle-color: #1e88e5;
  --mat-slider-hover-handle-color: #1e88e5;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #1e88e5 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #1e88e5 4%, transparent);
  --mat-slider-inactive-track-color: #1e88e5;
  --mat-slider-ripple-color: #1e88e5;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #1e88e5;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #cddc39;
  --mat-checkbox-selected-hover-icon-color: #cddc39;
  --mat-checkbox-selected-icon-color: #cddc39;
  --mat-checkbox-selected-pressed-icon-color: #cddc39;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #cddc39;
  --mat-checkbox-selected-hover-state-layer-color: #cddc39;
  --mat-checkbox-selected-pressed-state-layer-color: #cddc39;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #62aced;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #1e88e5;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #1e88e5;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #1e88e5 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #1e88e5;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #1e88e5 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #1e88e5 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #1e88e5 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #1e88e5;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #1e88e5;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #1e88e5;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #1e88e5;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #1e88e5;
  --mat-slide-toggle-selected-handle-color: #1e88e5;
  --mat-slide-toggle-selected-hover-state-layer-color: #1e88e5;
  --mat-slide-toggle-selected-pressed-state-layer-color: #1e88e5;
  --mat-slide-toggle-selected-focus-handle-color: #1e88e5;
  --mat-slide-toggle-selected-hover-handle-color: #1e88e5;
  --mat-slide-toggle-selected-pressed-handle-color: #1e88e5;
  --mat-slide-toggle-selected-focus-track-color: #62aced;
  --mat-slide-toggle-selected-hover-track-color: #62aced;
  --mat-slide-toggle-selected-pressed-track-color: #62aced;
  --mat-slide-toggle-selected-track-color: #62aced;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-blue-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #cddc39;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-blue-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-blue-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #1e88e5;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #1e88e5;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-blue-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #cddc39;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #cddc39;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-blue-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-blue-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #1e88e5;
  --mat-progress-bar-track-color: rgba(30, 136, 229, 0.25);
}
.bee-blue-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #cddc39;
  --mat-progress-bar-track-color: rgba(205, 220, 57, 0.25);
}
.bee-blue-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.bee-blue-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #cddc39 87%, transparent);
  --mat-form-field-filled-caret-color: #cddc39;
  --mat-form-field-filled-focus-active-indicator-color: #cddc39;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #cddc39 87%, transparent);
  --mat-form-field-outlined-caret-color: #cddc39;
  --mat-form-field-outlined-focus-outline-color: #cddc39;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #cddc39 87%, transparent);
}
.bee-blue-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.bee-blue-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #cddc39;
  --mat-select-invalid-arrow-color: #e74737;
}
.bee-blue-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.bee-blue-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.bee-blue-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.bee-blue-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #1e88e5;
  --mat-chip-elevated-disabled-container-color: #1e88e5;
  --mat-chip-elevated-selected-container-color: #1e88e5;
  --mat-chip-flat-disabled-selected-container-color: #1e88e5;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bee-blue-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.bee-blue-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: #cddc39;
  --mat-chip-elevated-disabled-container-color: #cddc39;
  --mat-chip-elevated-selected-container-color: #cddc39;
  --mat-chip-flat-disabled-selected-container-color: #cddc39;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.bee-blue-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bee-blue-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.bee-blue-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.bee-blue-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-focus-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-handle-color: #cddc39;
  --mat-slide-toggle-selected-pressed-handle-color: #cddc39;
  --mat-slide-toggle-selected-focus-track-color: #dce775;
  --mat-slide-toggle-selected-hover-track-color: #dce775;
  --mat-slide-toggle-selected-pressed-track-color: #dce775;
  --mat-slide-toggle-selected-track-color: #dce775;
}
.bee-blue-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bee-blue-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-blue-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #1e88e5;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #1e88e5;
  --mat-radio-selected-hover-icon-color: #1e88e5;
  --mat-radio-selected-icon-color: #1e88e5;
  --mat-radio-selected-pressed-icon-color: #1e88e5;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #cddc39;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #cddc39;
  --mat-radio-selected-hover-icon-color: #cddc39;
  --mat-radio-selected-icon-color: #cddc39;
  --mat-radio-selected-pressed-icon-color: #cddc39;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-theme .mat-accent {
  --mat-slider-active-track-color: #cddc39;
  --mat-slider-focus-handle-color: #cddc39;
  --mat-slider-handle-color: #cddc39;
  --mat-slider-hover-handle-color: #cddc39;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #cddc39 4%, transparent);
  --mat-slider-inactive-track-color: #cddc39;
  --mat-slider-ripple-color: #cddc39;
  --mat-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-inactive-container-color: #cddc39;
}
.bee-blue-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.bee-blue-theme .mdc-list-item__start,
.bee-blue-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #1e88e5;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #1e88e5;
  --mat-radio-selected-hover-icon-color: #1e88e5;
  --mat-radio-selected-icon-color: #1e88e5;
  --mat-radio-selected-pressed-icon-color: #1e88e5;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-theme .mat-accent .mdc-list-item__start,
.bee-blue-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #cddc39;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #cddc39;
  --mat-radio-selected-hover-icon-color: #cddc39;
  --mat-radio-selected-icon-color: #cddc39;
  --mat-radio-selected-pressed-icon-color: #cddc39;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-theme .mat-warn .mdc-list-item__start,
.bee-blue-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #1e88e5;
  --mat-checkbox-selected-hover-icon-color: #1e88e5;
  --mat-checkbox-selected-icon-color: #1e88e5;
  --mat-checkbox-selected-pressed-icon-color: #1e88e5;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #1e88e5;
  --mat-checkbox-selected-hover-state-layer-color: #1e88e5;
  --mat-checkbox-selected-pressed-state-layer-color: #1e88e5;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #cddc39;
  --mat-checkbox-selected-hover-icon-color: #cddc39;
  --mat-checkbox-selected-icon-color: #cddc39;
  --mat-checkbox-selected-pressed-icon-color: #cddc39;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #cddc39;
  --mat-checkbox-selected-hover-state-layer-color: #cddc39;
  --mat-checkbox-selected-pressed-state-layer-color: #cddc39;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.bee-blue-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.bee-blue-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.bee-blue-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #1e88e5;
}
.bee-blue-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.bee-blue-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.bee-blue-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.bee-blue-theme .mdc-list-item__start,
.bee-blue-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.bee-blue-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.bee-blue-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.bee-blue-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.bee-blue-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.bee-blue-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.bee-blue-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.bee-blue-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.bee-blue-theme .mat-mdc-tab-group,
.bee-blue-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #1e88e5;
  --mat-tab-active-ripple-color: #1e88e5;
  --mat-tab-inactive-ripple-color: #1e88e5;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #1e88e5;
  --mat-tab-active-hover-label-text-color: #1e88e5;
  --mat-tab-active-focus-indicator-color: #1e88e5;
  --mat-tab-active-hover-indicator-color: #1e88e5;
  --mat-tab-active-indicator-color: #1e88e5;
}
.bee-blue-theme .mat-mdc-tab-group.mat-accent,
.bee-blue-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #cddc39;
  --mat-tab-active-ripple-color: #cddc39;
  --mat-tab-inactive-ripple-color: #cddc39;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #cddc39;
  --mat-tab-active-hover-label-text-color: #cddc39;
  --mat-tab-active-focus-indicator-color: #cddc39;
  --mat-tab-active-hover-indicator-color: #cddc39;
  --mat-tab-active-indicator-color: #cddc39;
}
.bee-blue-theme .mat-mdc-tab-group.mat-warn,
.bee-blue-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.bee-blue-theme .mat-mdc-tab-group.mat-background-primary,
.bee-blue-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #1e88e5;
  --mat-tab-foreground-color: #ffffff;
}
.bee-blue-theme .mat-mdc-tab-group.mat-background-accent,
.bee-blue-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #cddc39;
  --mat-tab-foreground-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-theme .mat-mdc-tab-group.mat-background-warn,
.bee-blue-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.bee-blue-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.bee-blue-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.bee-blue-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #1e88e5;
  --mat-checkbox-selected-hover-icon-color: #1e88e5;
  --mat-checkbox-selected-icon-color: #1e88e5;
  --mat-checkbox-selected-pressed-icon-color: #1e88e5;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #1e88e5;
  --mat-checkbox-selected-hover-state-layer-color: #1e88e5;
  --mat-checkbox-selected-pressed-state-layer-color: #1e88e5;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-theme .mat-mdc-button.mat-primary,
.bee-blue-theme .mat-mdc-unelevated-button.mat-primary,
.bee-blue-theme .mat-mdc-raised-button.mat-primary,
.bee-blue-theme .mat-mdc-outlined-button.mat-primary,
.bee-blue-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #1e88e5;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #1e88e5;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #1e88e5 12%, transparent);
  --mat-button-outlined-state-layer-color: #1e88e5;
  --mat-button-protected-container-color: #1e88e5;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #1e88e5;
  --mat-button-text-ripple-color: color-mix(in srgb, #1e88e5 12%, transparent);
  --mat-button-text-state-layer-color: #1e88e5;
  --mat-button-tonal-container-color: #1e88e5;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bee-blue-theme .mat-mdc-button.mat-accent,
.bee-blue-theme .mat-mdc-unelevated-button.mat-accent,
.bee-blue-theme .mat-mdc-raised-button.mat-accent,
.bee-blue-theme .mat-mdc-outlined-button.mat-accent,
.bee-blue-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #cddc39;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-label-text-color: #cddc39;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-button-outlined-state-layer-color: #cddc39;
  --mat-button-protected-container-color: #cddc39;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-label-text-color: #cddc39;
  --mat-button-text-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-button-text-state-layer-color: #cddc39;
  --mat-button-tonal-container-color: #cddc39;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-theme .mat-mdc-button.mat-warn,
.bee-blue-theme .mat-mdc-unelevated-button.mat-warn,
.bee-blue-theme .mat-mdc-raised-button.mat-warn,
.bee-blue-theme .mat-mdc-outlined-button.mat-warn,
.bee-blue-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bee-blue-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #1e88e5;
  --mat-icon-button-state-layer-color: #1e88e5;
  --mat-icon-button-ripple-color: color-mix(in srgb, #1e88e5 12%, transparent);
}
.bee-blue-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #cddc39;
  --mat-icon-button-state-layer-color: #cddc39;
  --mat-icon-button-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
}
.bee-blue-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.bee-blue-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.bee-blue-theme .mat-mdc-fab.mat-primary,
.bee-blue-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #1e88e5;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #1e88e5 12%, transparent);
  --mat-fab-small-container-color: #1e88e5;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bee-blue-theme .mat-mdc-fab.mat-accent,
.bee-blue-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #cddc39;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-fab-small-container-color: #cddc39;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-theme .mat-mdc-fab.mat-warn,
.bee-blue-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bee-blue-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #cddc39;
}
.bee-blue-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.bee-blue-theme .mat-badge-accent {
  --mat-badge-background-color: #cddc39;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.bee-blue-theme .mat-datepicker-content.mat-accent,
.bee-blue-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #cddc39;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #cddc39 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #cddc39 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #cddc39;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-theme .mat-datepicker-content.mat-warn,
.bee-blue-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.bee-blue-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.bee-blue-theme .mat-icon.mat-primary {
  --mat-icon-color: #1e88e5;
}
.bee-blue-theme .mat-icon.mat-accent {
  --mat-icon-color: #cddc39;
}
.bee-blue-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.bee-blue-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #cddc39;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #cddc39;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #cddc39;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.bee-blue-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #1e88e5;
  --mat-toolbar-container-text-color: #ffffff;
}
.bee-blue-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #cddc39;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.bee-blue-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-focus-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-handle-color: #cddc39;
  --mat-slide-toggle-selected-pressed-handle-color: #cddc39;
  --mat-slide-toggle-selected-focus-track-color: #dce775;
  --mat-slide-toggle-selected-hover-track-color: #dce775;
  --mat-slide-toggle-selected-pressed-track-color: #dce775;
  --mat-slide-toggle-selected-track-color: #dce775;
}
.bee-blue-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bee-blue-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-blue-theme .back-container {
  color: #1e88e5;
}
.bee-blue-theme .back-container:hover {
  opacity: 0.54;
}
.bee-blue-theme .warn-text {
  color: #e74737;
}
.bee-blue-theme .inside-modal-title.primary-colored-title,
.bee-blue-theme .form-title.primary-colored-title {
  color: #1e88e5;
}
.bee-blue-theme .full-height-container form .button-container {
  background: white;
}
.bee-blue-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.bee-blue-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.bee-blue-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-blue-theme .box-checkbox.active-box-checkbox {
  background-color: #1e88e5;
  color: white;
}
.bee-blue-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-blue-theme .box-radio.active-box-radio {
  background-color: #1e88e5;
  color: white;
}
.bee-blue-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.bee-blue-theme .error {
  color: #e74737;
}
.bee-blue-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.bee-blue-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.bee-blue-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-blue-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.bee-blue-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.bee-blue-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.bee-blue-theme .ql-snow .ql-picker-options {
  background: white;
}
.bee-blue-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.bee-blue-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.bee-blue-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.bee-blue-theme .ql-snow .ql-fill,
.bee-blue-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.bee-blue-theme .ql-snow.ql-toolbar button:hover,
.bee-blue-theme .ql-snow .ql-toolbar button:hover,
.bee-blue-theme .ql-snow.ql-toolbar button:focus,
.bee-blue-theme .ql-snow .ql-toolbar button:focus,
.bee-blue-theme .ql-snow.ql-toolbar button.ql-active,
.bee-blue-theme .ql-snow .ql-toolbar button.ql-active,
.bee-blue-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.bee-blue-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.bee-blue-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.bee-blue-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.bee-blue-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.bee-blue-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.bee-blue-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.bee-blue-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.bee-blue-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.bee-blue-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.bee-blue-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.bee-blue-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.bee-blue-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.bee-blue-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.bee-blue-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-blue-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-blue-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-blue-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-blue-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-blue-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-blue-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-blue-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-blue-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-blue-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-blue-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-blue-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-blue-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-blue-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-blue-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-blue-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-blue-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-blue-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-blue-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-blue-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-blue-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.bee-blue-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.bee-blue-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.bee-blue-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.bee-blue-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.bee-blue-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.bee-blue-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.bee-blue-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.bee-blue-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-blue-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-blue-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-blue-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-blue-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-blue-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-blue-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-blue-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-blue-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.bee-blue-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.bee-blue-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.bee-blue-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.bee-blue-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.bee-blue-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.bee-blue-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-blue-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-blue-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-blue-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-blue-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-blue-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-blue-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.bee-blue-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.bee-blue-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-blue-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-blue-theme bee-form-item {
  margin-right: 0 !important;
}
.bee-blue-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.bee-blue-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #1e88e5;
  height: 38px !important;
}
.bee-blue-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.bee-blue-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.bee-blue-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.bee-blue-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.bee-blue-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.bee-blue-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.bee-blue-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.bee-blue-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.bee-blue-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .bee-blue-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.bee-blue-theme .general-container .label-wrapper label {
  color: #1e88e5 !important;
  background-color: white;
}
.bee-blue-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-blue-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.bee-blue-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.bee-blue-theme .general-container .bee-selector .bee-selector-container {
  border-color: #1e88e5 !important;
}
.bee-blue-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.bee-blue-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.bee-blue-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.bee-blue-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.bee-blue-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.bee-blue-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-theme .general-container .bee-selector .bee-selector-container:focus,
.bee-blue-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #1e88e5;
}
.bee-blue-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.bee-blue-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #1e88e5;
}
.bee-blue-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.bee-blue-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #1e88e5;
}
.bee-blue-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bee-blue-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-blue-theme .general-container .bee-dropdown {
  background: white;
}
.bee-blue-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #1e88e5;
}
.bee-blue-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.bee-blue-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.bee-blue-theme .general-container .selector-error {
  color: #e74737;
}
.bee-blue-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-blue-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.bee-blue-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.bee-blue-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #1e88e5;
}
.bee-blue-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bee-blue-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-blue-theme .move-image-action-container:hover {
  color: #1e88e5;
}
.bee-blue-theme .info-icon {
  color: #1e88e5;
}
.bee-blue-theme .email-chip {
  color: #1e88e5 !important;
  background-color: rgba(30, 136, 229, 0.15) !important;
}
.bee-blue-theme .email-chip .mat-chip-remove {
  color: #1e88e5 !important;
  opacity: 1 !important;
}
.bee-blue-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.bee-blue-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.bee-blue-theme .mat-badge-content {
  color: #1e88e5 !important;
}
.bee-blue-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #1e88e5 !important;
}
.bee-blue-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #1e88e5 !important;
}
.bee-blue-theme #circle-lleno {
  background: #fdfeff;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.bee-blue-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.bee-blue-theme .marine-color {
  color: #0f223e !important;
}
.bee-blue-theme .primary-color {
  color: #1e88e5 !important;
}
.bee-blue-theme .gray-color {
  color: #C0C4CA !important;
}
.bee-blue-theme .primary-color-200 {
  color: #8fc4f2 !important;
}
.bee-blue-theme svg.primary-fill-svg {
  fill: #1e88e5 !important;
}
.bee-blue-theme .primary-fill {
  fill: #1e88e5 !important;
}
.bee-blue-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-blue-theme .primary-border-50 {
  border-color: #e4f1fc !important;
}
.bee-blue-theme .primary-border-100 {
  border-color: #bcdbf7 !important;
}
.bee-blue-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.bee-blue-theme .transparent-border-100 {
  border-color: transparent !important;
}
.bee-blue-theme .primary-border-200 {
  border-color: #8fc4f2 !important;
}
.bee-blue-theme .primary-indicator .mat-expansion-indicator:after {
  color: #1e88e5;
}
.bee-blue-theme .contrast-background {
  background-color: #ffffff !important;
}
.bee-blue-theme .primary-color-small {
  color: rgba(30, 136, 229, 0.6);
}
.bee-blue-theme .marine-background {
  background-color: #0f223e !important;
}
.bee-blue-theme .primary-background {
  background-color: #1e88e5 !important;
}
.bee-blue-theme .primary-background-50 {
  background-color: #e4f1fc !important;
}
.bee-blue-theme .primary-background-200 {
  background-color: #8fc4f2 !important;
}
.bee-blue-theme .primary-background-800 {
  background-color: #126bda !important;
}
.bee-blue-theme .white-color {
  color: white !important;
}
.bee-blue-theme .secondary-color {
  color: #fdfeff !important;
}
.bee-blue-theme .secondary-background {
  background-color: #fdfeff !important;
}
.bee-blue-theme .secondary-background-semi {
  background-color: #1e88e5 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #1e88e5 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-blue-theme .secondary-background-full {
  background-color: #1e88e5 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #1e88e5 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-blue-theme .secondary-background-empty {
  background-color: #1e88e5 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #1e88e5 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-blue-theme .secondary-border {
  background-color: #fdfeff !important;
}
.bee-blue-theme .tertiary-color {
  color: #97bbff !important;
}
.bee-blue-theme button.button-tertiary {
  background-color: #97bbff !important;
  color: #1e88e5 !important;
  border: 1px solid #1e88e5 !important;
}
.bee-blue-theme span.red-text {
  color: #DB1F35 !important;
}
.bee-blue-theme .tertiary-background {
  background-color: #97bbff !important;
}
.bee-blue-theme .tertiary-border {
  border-color: #97bbff !important;
}
.bee-blue-theme .dark-background {
  background-color: black !important;
}
.bee-blue-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.bee-blue-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.bee-blue-theme .primary-soft-background {
  background-color: rgba(30, 136, 229, 0.1) !important;
}
.bee-blue-theme .primary-soft-background:hover {
  background-color: rgba(30, 136, 229, 0.15) !important;
}
.bee-blue-theme .primary-border {
  border-color: #1e88e5 !important;
}
.bee-blue-theme .default-background {
  background-color: #fafafa !important;
}
.bee-blue-theme .hover-primary:hover {
  color: #1e88e5 !important;
}
.bee-blue-theme .hover-primary-background:hover {
  background-color: #1e88e5 !important;
}
.bee-blue-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.bee-blue-theme .warn-color {
  color: #e74737 !important;
}
.bee-blue-theme .warn-border {
  border-color: #e74737 !important;
}
.bee-blue-theme .accent-color {
  color: #cddc39 !important;
}
.bee-blue-theme .accent-background {
  background-color: #cddc39 !important;
}
.bee-blue-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.bee-blue-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.bee-blue-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.bee-blue-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-blue-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-blue-theme .dialog-table tr .action-icon {
  color: transparent;
}
.bee-blue-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bee-blue-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #1e88e5;
}
.bee-blue-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-blue-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-blue-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.bee-blue-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.bee-blue-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.bee-blue-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-blue-theme .card-table tr .action-icon {
  color: transparent;
}
.bee-blue-theme .card-table tr .action-icon button {
  color: transparent;
}
.bee-blue-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-blue-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-blue-theme .card-table tr:hover .action-icon button {
  color: #1e88e5;
}
.bee-blue-theme .card-table tr:hover .action-icon:hover {
  color: #1e88e5;
}
.bee-blue-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-blue-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.bee-blue-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-blue-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-blue-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #1e88e5;
}
.bee-blue-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-blue-theme .no-hover-table tr:hover {
  background: white;
}
.bee-blue-theme .custom-standard-chip {
  background-color: rgba(30, 136, 229, 0.1) !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .help-dashboard-card .mat-icon {
  color: #1e88e5;
}
.bee-blue-theme .help-dashboard-card:hover {
  background-color: #1e88e5;
}
.bee-blue-theme .help-dashboard-card:hover .mat-icon,
.bee-blue-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.bee-blue-theme .room-open {
  background-color: #1e88e5 !important;
  color: white !important;
}
.bee-blue-theme .room-open:hover {
  background-color: #1e88e5 !important;
  color: white !important;
}
.bee-blue-theme #public-office-page-groups .public-group-button-hover {
  background-color: #1e88e5 !important;
  color: white !important;
}
.bee-blue-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-blue-theme .notification-container .show-tip {
  color: transparent;
}
.bee-blue-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-blue-theme .notification-container:hover .show-tip {
  color: #1e88e5;
}
.bee-blue-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-blue-theme .notification-container .notification-subject .mat-icon {
  color: #1e88e5;
}
.bee-blue-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-blue-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-blue-theme .message-container .show-tip {
  color: transparent;
}
.bee-blue-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-blue-theme .message-container:hover .show-tip {
  color: #1e88e5;
}
.bee-blue-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-blue-theme .message-container .message-subject .mat-icon {
  color: #1e88e5;
}
.bee-blue-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-blue-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.bee-blue-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.bee-blue-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.bee-blue-theme .primary-200-outline input {
  caret-color: #8fc4f2;
  color: #1e88e5;
}
.bee-blue-theme .primary-200-outline label {
  color: #8fc4f2;
}
.bee-blue-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #8fc4f2 !important;
}
.bee-blue-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #8fc4f2;
}
.bee-blue-theme mat-form-field .primary-outline label {
  color: #1e88e5 !important;
}
.bee-blue-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #1e88e5 !important;
}
.bee-blue-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #1e88e5 !important;
}
.bee-blue-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.bee-blue-theme .input-primary input {
  caret-color: #1e88e5;
  color: #1e88e5;
}
.bee-blue-theme .input-primary label {
  color: #1e88e5;
}
.bee-blue-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #1e88e5 !important;
}
.bee-blue-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.bee-blue-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #1e88e5;
  border-width: 1px;
}
.bee-blue-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.bee-blue-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.bee-blue-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.bee-blue-theme .boton-recarga {
  background-color: #1e88e5;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.bee-blue-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.bee-blue-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
}
.bee-blue-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.bee-blue-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.bee-blue-theme .header-container button {
  padding: 0 !important;
}
.bee-blue-theme .header-container .mat-button {
  min-width: unset !important;
}
.bee-blue-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.bee-blue-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bee-blue-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.bee-blue-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.bee-blue-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.bee-blue-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-blue-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-blue-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-blue-theme .input-recarga-marine {
  border: 1px solid #1e88e5 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.bee-blue-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-blue-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-blue-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-blue-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-blue-theme .color-primary {
  color: #1e88e5 !important;
  fill: #1e88e5 !important;
}
.bee-blue-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.bee-blue-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.bee-blue-theme .primary-contrast {
  color: #ffffff !important;
}
.bee-blue-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.bee-blue-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-blue-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-blue-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-blue-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-blue-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-blue-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-blue-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-blue-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #fdfeff !important;
}
.bee-blue-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-blue-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .mat-checkbox-checked .mat-checkbox-background,
.bee-blue-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #1e88e5 !important;
}
.bee-blue-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-blue-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-blue-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #8fc4f2 !important;
}
.bee-blue-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-blue-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.bee-blue-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.bee-blue-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.bee-blue-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-blue-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-blue-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-blue-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #1e88e5 !important;
}
.bee-blue-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-blue-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-blue-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-blue-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-blue-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-blue-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.bee-blue-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.bee-blue-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-blue-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-blue-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #fdfeff !important;
}
.bee-blue-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #fdfeff !important;
}
.bee-blue-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.bee-blue-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.bee-blue-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bee-blue-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bee-blue-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.bee-blue-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #fdfeff !important;
}
.bee-blue-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #fdfeff !important;
}
.bee-blue-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.bee-blue-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.bee-blue-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #97bbff !important;
}
.bee-blue-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #97bbff !important;
}
.bee-blue-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #97bbff !important;
}
.bee-blue-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #97bbff !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bee-blue-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #97bbff !important;
}
.bee-blue-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #97bbff !important;
}
.bee-blue-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bee-blue-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.bee-blue-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bee-blue-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.bee-blue-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.bee-blue-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #1e88e5 !important;
}
.bee-blue-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.bee-blue-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #1e88e5 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.bee-blue-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.bee-blue-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.bee-blue-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.bee-blue-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.bee-blue-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.bee-blue-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #fdfeff !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-blue-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #1e88e5 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #1e88e5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-blue-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #1e88e5 !important;
}
.bee-blue-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.bee-blue-theme .button-text-hidden {
  display: none;
}
.bee-deep-blue-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #3948ab;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #cddc39;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #cddc39;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #3948ab 87%, transparent);
  --mat-form-field-filled-caret-color: #3948ab;
  --mat-form-field-filled-focus-active-indicator-color: #3948ab;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #3948ab 87%, transparent);
  --mat-form-field-outlined-caret-color: #3948ab;
  --mat-form-field-outlined-focus-outline-color: #3948ab;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #3948ab 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #3948ab;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #3948ab;
  --mat-slide-toggle-selected-handle-color: #3948ab;
  --mat-slide-toggle-selected-hover-state-layer-color: #3948ab;
  --mat-slide-toggle-selected-pressed-state-layer-color: #3948ab;
  --mat-slide-toggle-selected-focus-handle-color: #3948ab;
  --mat-slide-toggle-selected-hover-handle-color: #3948ab;
  --mat-slide-toggle-selected-pressed-handle-color: #3948ab;
  --mat-slide-toggle-selected-focus-track-color: #747fc4;
  --mat-slide-toggle-selected-hover-track-color: #747fc4;
  --mat-slide-toggle-selected-pressed-track-color: #747fc4;
  --mat-slide-toggle-selected-track-color: #747fc4;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #3948ab;
  --mat-slider-focus-handle-color: #3948ab;
  --mat-slider-handle-color: #3948ab;
  --mat-slider-hover-handle-color: #3948ab;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #3948ab 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #3948ab 4%, transparent);
  --mat-slider-inactive-track-color: #3948ab;
  --mat-slider-ripple-color: #3948ab;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #3948ab;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #cddc39;
  --mat-checkbox-selected-hover-icon-color: #cddc39;
  --mat-checkbox-selected-icon-color: #cddc39;
  --mat-checkbox-selected-pressed-icon-color: #cddc39;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #cddc39;
  --mat-checkbox-selected-hover-state-layer-color: #cddc39;
  --mat-checkbox-selected-pressed-state-layer-color: #cddc39;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #747fc4;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #3948ab;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #3948ab;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #3948ab 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #3948ab;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #3948ab 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #3948ab 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #3948ab 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #3948ab;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #3948ab;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #3948ab;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #3948ab;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #3948ab;
  --mat-slide-toggle-selected-handle-color: #3948ab;
  --mat-slide-toggle-selected-hover-state-layer-color: #3948ab;
  --mat-slide-toggle-selected-pressed-state-layer-color: #3948ab;
  --mat-slide-toggle-selected-focus-handle-color: #3948ab;
  --mat-slide-toggle-selected-hover-handle-color: #3948ab;
  --mat-slide-toggle-selected-pressed-handle-color: #3948ab;
  --mat-slide-toggle-selected-focus-track-color: #747fc4;
  --mat-slide-toggle-selected-hover-track-color: #747fc4;
  --mat-slide-toggle-selected-pressed-track-color: #747fc4;
  --mat-slide-toggle-selected-track-color: #747fc4;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-deep-blue-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #cddc39;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-deep-blue-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-deep-blue-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #3948ab;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #3948ab;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-deep-blue-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #cddc39;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #cddc39;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-deep-blue-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-deep-blue-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #3948ab;
  --mat-progress-bar-track-color: rgba(57, 72, 171, 0.25);
}
.bee-deep-blue-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #cddc39;
  --mat-progress-bar-track-color: rgba(205, 220, 57, 0.25);
}
.bee-deep-blue-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.bee-deep-blue-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #cddc39 87%, transparent);
  --mat-form-field-filled-caret-color: #cddc39;
  --mat-form-field-filled-focus-active-indicator-color: #cddc39;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #cddc39 87%, transparent);
  --mat-form-field-outlined-caret-color: #cddc39;
  --mat-form-field-outlined-focus-outline-color: #cddc39;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #cddc39 87%, transparent);
}
.bee-deep-blue-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.bee-deep-blue-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #cddc39;
  --mat-select-invalid-arrow-color: #e74737;
}
.bee-deep-blue-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.bee-deep-blue-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.bee-deep-blue-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-blue-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.bee-deep-blue-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #3948ab;
  --mat-chip-elevated-disabled-container-color: #3948ab;
  --mat-chip-elevated-selected-container-color: #3948ab;
  --mat-chip-flat-disabled-selected-container-color: #3948ab;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bee-deep-blue-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.bee-deep-blue-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: #cddc39;
  --mat-chip-elevated-disabled-container-color: #cddc39;
  --mat-chip-elevated-selected-container-color: #cddc39;
  --mat-chip-flat-disabled-selected-container-color: #cddc39;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-blue-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.bee-deep-blue-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bee-deep-blue-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.bee-deep-blue-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.bee-deep-blue-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-focus-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-handle-color: #cddc39;
  --mat-slide-toggle-selected-pressed-handle-color: #cddc39;
  --mat-slide-toggle-selected-focus-track-color: #dce775;
  --mat-slide-toggle-selected-hover-track-color: #dce775;
  --mat-slide-toggle-selected-pressed-track-color: #dce775;
  --mat-slide-toggle-selected-track-color: #dce775;
}
.bee-deep-blue-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bee-deep-blue-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-deep-blue-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #3948ab;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #3948ab;
  --mat-radio-selected-hover-icon-color: #3948ab;
  --mat-radio-selected-icon-color: #3948ab;
  --mat-radio-selected-pressed-icon-color: #3948ab;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-blue-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #cddc39;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #cddc39;
  --mat-radio-selected-hover-icon-color: #cddc39;
  --mat-radio-selected-icon-color: #cddc39;
  --mat-radio-selected-pressed-icon-color: #cddc39;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-blue-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-blue-theme .mat-accent {
  --mat-slider-active-track-color: #cddc39;
  --mat-slider-focus-handle-color: #cddc39;
  --mat-slider-handle-color: #cddc39;
  --mat-slider-hover-handle-color: #cddc39;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #cddc39 4%, transparent);
  --mat-slider-inactive-track-color: #cddc39;
  --mat-slider-ripple-color: #cddc39;
  --mat-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-inactive-container-color: #cddc39;
}
.bee-deep-blue-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.bee-deep-blue-theme .mdc-list-item__start,
.bee-deep-blue-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #3948ab;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #3948ab;
  --mat-radio-selected-hover-icon-color: #3948ab;
  --mat-radio-selected-icon-color: #3948ab;
  --mat-radio-selected-pressed-icon-color: #3948ab;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-blue-theme .mat-accent .mdc-list-item__start,
.bee-deep-blue-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #cddc39;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #cddc39;
  --mat-radio-selected-hover-icon-color: #cddc39;
  --mat-radio-selected-icon-color: #cddc39;
  --mat-radio-selected-pressed-icon-color: #cddc39;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-blue-theme .mat-warn .mdc-list-item__start,
.bee-deep-blue-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-blue-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #3948ab;
  --mat-checkbox-selected-hover-icon-color: #3948ab;
  --mat-checkbox-selected-icon-color: #3948ab;
  --mat-checkbox-selected-pressed-icon-color: #3948ab;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #3948ab;
  --mat-checkbox-selected-hover-state-layer-color: #3948ab;
  --mat-checkbox-selected-pressed-state-layer-color: #3948ab;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-blue-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #cddc39;
  --mat-checkbox-selected-hover-icon-color: #cddc39;
  --mat-checkbox-selected-icon-color: #cddc39;
  --mat-checkbox-selected-pressed-icon-color: #cddc39;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #cddc39;
  --mat-checkbox-selected-hover-state-layer-color: #cddc39;
  --mat-checkbox-selected-pressed-state-layer-color: #cddc39;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-blue-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-blue-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.bee-deep-blue-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.bee-deep-blue-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.bee-deep-blue-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #3948ab;
}
.bee-deep-blue-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.bee-deep-blue-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.bee-deep-blue-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.bee-deep-blue-theme .mdc-list-item__start,
.bee-deep-blue-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.bee-deep-blue-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.bee-deep-blue-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.bee-deep-blue-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.bee-deep-blue-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.bee-deep-blue-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.bee-deep-blue-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.bee-deep-blue-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.bee-deep-blue-theme .mat-mdc-tab-group,
.bee-deep-blue-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #3948ab;
  --mat-tab-active-ripple-color: #3948ab;
  --mat-tab-inactive-ripple-color: #3948ab;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #3948ab;
  --mat-tab-active-hover-label-text-color: #3948ab;
  --mat-tab-active-focus-indicator-color: #3948ab;
  --mat-tab-active-hover-indicator-color: #3948ab;
  --mat-tab-active-indicator-color: #3948ab;
}
.bee-deep-blue-theme .mat-mdc-tab-group.mat-accent,
.bee-deep-blue-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #cddc39;
  --mat-tab-active-ripple-color: #cddc39;
  --mat-tab-inactive-ripple-color: #cddc39;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #cddc39;
  --mat-tab-active-hover-label-text-color: #cddc39;
  --mat-tab-active-focus-indicator-color: #cddc39;
  --mat-tab-active-hover-indicator-color: #cddc39;
  --mat-tab-active-indicator-color: #cddc39;
}
.bee-deep-blue-theme .mat-mdc-tab-group.mat-warn,
.bee-deep-blue-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.bee-deep-blue-theme .mat-mdc-tab-group.mat-background-primary,
.bee-deep-blue-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #3948ab;
  --mat-tab-foreground-color: #ffffff;
}
.bee-deep-blue-theme .mat-mdc-tab-group.mat-background-accent,
.bee-deep-blue-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #cddc39;
  --mat-tab-foreground-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-blue-theme .mat-mdc-tab-group.mat-background-warn,
.bee-deep-blue-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.bee-deep-blue-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.bee-deep-blue-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.bee-deep-blue-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #3948ab;
  --mat-checkbox-selected-hover-icon-color: #3948ab;
  --mat-checkbox-selected-icon-color: #3948ab;
  --mat-checkbox-selected-pressed-icon-color: #3948ab;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #3948ab;
  --mat-checkbox-selected-hover-state-layer-color: #3948ab;
  --mat-checkbox-selected-pressed-state-layer-color: #3948ab;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-blue-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-blue-theme .mat-mdc-button.mat-primary,
.bee-deep-blue-theme .mat-mdc-unelevated-button.mat-primary,
.bee-deep-blue-theme .mat-mdc-raised-button.mat-primary,
.bee-deep-blue-theme .mat-mdc-outlined-button.mat-primary,
.bee-deep-blue-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #3948ab;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #3948ab;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #3948ab 12%, transparent);
  --mat-button-outlined-state-layer-color: #3948ab;
  --mat-button-protected-container-color: #3948ab;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #3948ab;
  --mat-button-text-ripple-color: color-mix(in srgb, #3948ab 12%, transparent);
  --mat-button-text-state-layer-color: #3948ab;
  --mat-button-tonal-container-color: #3948ab;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bee-deep-blue-theme .mat-mdc-button.mat-accent,
.bee-deep-blue-theme .mat-mdc-unelevated-button.mat-accent,
.bee-deep-blue-theme .mat-mdc-raised-button.mat-accent,
.bee-deep-blue-theme .mat-mdc-outlined-button.mat-accent,
.bee-deep-blue-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #cddc39;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-label-text-color: #cddc39;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-button-outlined-state-layer-color: #cddc39;
  --mat-button-protected-container-color: #cddc39;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-label-text-color: #cddc39;
  --mat-button-text-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-button-text-state-layer-color: #cddc39;
  --mat-button-tonal-container-color: #cddc39;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-blue-theme .mat-mdc-button.mat-warn,
.bee-deep-blue-theme .mat-mdc-unelevated-button.mat-warn,
.bee-deep-blue-theme .mat-mdc-raised-button.mat-warn,
.bee-deep-blue-theme .mat-mdc-outlined-button.mat-warn,
.bee-deep-blue-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bee-deep-blue-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #3948ab;
  --mat-icon-button-state-layer-color: #3948ab;
  --mat-icon-button-ripple-color: color-mix(in srgb, #3948ab 12%, transparent);
}
.bee-deep-blue-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #cddc39;
  --mat-icon-button-state-layer-color: #cddc39;
  --mat-icon-button-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
}
.bee-deep-blue-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.bee-deep-blue-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.bee-deep-blue-theme .mat-mdc-fab.mat-primary,
.bee-deep-blue-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #3948ab;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #3948ab 12%, transparent);
  --mat-fab-small-container-color: #3948ab;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bee-deep-blue-theme .mat-mdc-fab.mat-accent,
.bee-deep-blue-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #cddc39;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-fab-small-container-color: #cddc39;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-blue-theme .mat-mdc-fab.mat-warn,
.bee-deep-blue-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bee-deep-blue-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #cddc39;
}
.bee-deep-blue-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.bee-deep-blue-theme .mat-badge-accent {
  --mat-badge-background-color: #cddc39;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-blue-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.bee-deep-blue-theme .mat-datepicker-content.mat-accent,
.bee-deep-blue-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #cddc39;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #cddc39 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #cddc39 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #cddc39;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-blue-theme .mat-datepicker-content.mat-warn,
.bee-deep-blue-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-blue-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.bee-deep-blue-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.bee-deep-blue-theme .mat-icon.mat-primary {
  --mat-icon-color: #3948ab;
}
.bee-deep-blue-theme .mat-icon.mat-accent {
  --mat-icon-color: #cddc39;
}
.bee-deep-blue-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.bee-deep-blue-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #cddc39;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #cddc39;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #cddc39;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-blue-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.bee-deep-blue-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #3948ab;
  --mat-toolbar-container-text-color: #ffffff;
}
.bee-deep-blue-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #cddc39;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-blue-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.bee-deep-blue-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-focus-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-handle-color: #cddc39;
  --mat-slide-toggle-selected-pressed-handle-color: #cddc39;
  --mat-slide-toggle-selected-focus-track-color: #dce775;
  --mat-slide-toggle-selected-hover-track-color: #dce775;
  --mat-slide-toggle-selected-pressed-track-color: #dce775;
  --mat-slide-toggle-selected-track-color: #dce775;
}
.bee-deep-blue-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bee-deep-blue-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-deep-blue-theme .back-container {
  color: #3948ab;
}
.bee-deep-blue-theme .back-container:hover {
  opacity: 0.54;
}
.bee-deep-blue-theme .warn-text {
  color: #e74737;
}
.bee-deep-blue-theme .inside-modal-title.primary-colored-title,
.bee-deep-blue-theme .form-title.primary-colored-title {
  color: #3948ab;
}
.bee-deep-blue-theme .full-height-container form .button-container {
  background: white;
}
.bee-deep-blue-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.bee-deep-blue-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.bee-deep-blue-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-blue-theme .box-checkbox.active-box-checkbox {
  background-color: #3948ab;
  color: white;
}
.bee-deep-blue-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-blue-theme .box-radio.active-box-radio {
  background-color: #3948ab;
  color: white;
}
.bee-deep-blue-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-blue-theme .error {
  color: #e74737;
}
.bee-deep-blue-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.bee-deep-blue-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-blue-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-blue-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.bee-deep-blue-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-blue-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-blue-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-blue-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-blue-theme .ql-snow .ql-picker-options {
  background: white;
}
.bee-deep-blue-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.bee-deep-blue-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.bee-deep-blue-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.bee-deep-blue-theme .ql-snow .ql-fill,
.bee-deep-blue-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.bee-deep-blue-theme .ql-snow.ql-toolbar button:hover,
.bee-deep-blue-theme .ql-snow .ql-toolbar button:hover,
.bee-deep-blue-theme .ql-snow.ql-toolbar button:focus,
.bee-deep-blue-theme .ql-snow .ql-toolbar button:focus,
.bee-deep-blue-theme .ql-snow.ql-toolbar button.ql-active,
.bee-deep-blue-theme .ql-snow .ql-toolbar button.ql-active,
.bee-deep-blue-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.bee-deep-blue-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.bee-deep-blue-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.bee-deep-blue-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.bee-deep-blue-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.bee-deep-blue-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.bee-deep-blue-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.bee-deep-blue-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.bee-deep-blue-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.bee-deep-blue-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.bee-deep-blue-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.bee-deep-blue-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.bee-deep-blue-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.bee-deep-blue-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.bee-deep-blue-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-deep-blue-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-deep-blue-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-deep-blue-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-deep-blue-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-deep-blue-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-deep-blue-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-deep-blue-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-deep-blue-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-deep-blue-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-deep-blue-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-deep-blue-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-deep-blue-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-deep-blue-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-deep-blue-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-deep-blue-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-deep-blue-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-deep-blue-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-deep-blue-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-deep-blue-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-deep-blue-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.bee-deep-blue-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.bee-deep-blue-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.bee-deep-blue-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.bee-deep-blue-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.bee-deep-blue-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.bee-deep-blue-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.bee-deep-blue-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.bee-deep-blue-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-deep-blue-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-deep-blue-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-deep-blue-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-deep-blue-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-deep-blue-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-deep-blue-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-deep-blue-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-deep-blue-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.bee-deep-blue-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.bee-deep-blue-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.bee-deep-blue-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.bee-deep-blue-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.bee-deep-blue-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.bee-deep-blue-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-deep-blue-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-deep-blue-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-deep-blue-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-deep-blue-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-deep-blue-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-deep-blue-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.bee-deep-blue-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.bee-deep-blue-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-deep-blue-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-deep-blue-theme bee-form-item {
  margin-right: 0 !important;
}
.bee-deep-blue-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.bee-deep-blue-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #3948ab;
  height: 38px !important;
}
.bee-deep-blue-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.bee-deep-blue-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.bee-deep-blue-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.bee-deep-blue-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.bee-deep-blue-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.bee-deep-blue-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.bee-deep-blue-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.bee-deep-blue-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.bee-deep-blue-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .bee-deep-blue-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.bee-deep-blue-theme .general-container .label-wrapper label {
  color: #3948ab !important;
  background-color: white;
}
.bee-deep-blue-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-deep-blue-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.bee-deep-blue-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.bee-deep-blue-theme .general-container .bee-selector .bee-selector-container {
  border-color: #3948ab !important;
}
.bee-deep-blue-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.bee-deep-blue-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.bee-deep-blue-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-blue-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.bee-deep-blue-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.bee-deep-blue-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-blue-theme .general-container .bee-selector .bee-selector-container:focus,
.bee-deep-blue-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #3948ab;
}
.bee-deep-blue-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.bee-deep-blue-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #3948ab;
}
.bee-deep-blue-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.bee-deep-blue-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #3948ab;
}
.bee-deep-blue-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bee-deep-blue-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-deep-blue-theme .general-container .bee-dropdown {
  background: white;
}
.bee-deep-blue-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #3948ab;
}
.bee-deep-blue-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.bee-deep-blue-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.bee-deep-blue-theme .general-container .selector-error {
  color: #e74737;
}
.bee-deep-blue-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-deep-blue-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.bee-deep-blue-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-blue-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.bee-deep-blue-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #3948ab;
}
.bee-deep-blue-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bee-deep-blue-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-deep-blue-theme .move-image-action-container:hover {
  color: #3948ab;
}
.bee-deep-blue-theme .info-icon {
  color: #3948ab;
}
.bee-deep-blue-theme .email-chip {
  color: #3948ab !important;
  background-color: rgba(57, 72, 171, 0.15) !important;
}
.bee-deep-blue-theme .email-chip .mat-chip-remove {
  color: #3948ab !important;
  opacity: 1 !important;
}
.bee-deep-blue-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-blue-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.bee-deep-blue-theme .mat-badge-content {
  color: #3948ab !important;
}
.bee-deep-blue-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #3948ab !important;
}
.bee-deep-blue-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #3948ab !important;
}
.bee-deep-blue-theme #circle-lleno {
  background: #b8bdff;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.bee-deep-blue-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.bee-deep-blue-theme .marine-color {
  color: #0f223e !important;
}
.bee-deep-blue-theme .primary-color {
  color: #3948ab !important;
}
.bee-deep-blue-theme .gray-color {
  color: #C0C4CA !important;
}
.bee-deep-blue-theme .primary-color-200 {
  color: #9ca4d5 !important;
}
.bee-deep-blue-theme svg.primary-fill-svg {
  fill: #3948ab !important;
}
.bee-deep-blue-theme .primary-fill {
  fill: #3948ab !important;
}
.bee-deep-blue-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-deep-blue-theme .primary-border-50 {
  border-color: #e7e9f5 !important;
}
.bee-deep-blue-theme .primary-border-100 {
  border-color: #c4c8e6 !important;
}
.bee-deep-blue-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.bee-deep-blue-theme .transparent-border-100 {
  border-color: transparent !important;
}
.bee-deep-blue-theme .primary-border-200 {
  border-color: #9ca4d5 !important;
}
.bee-deep-blue-theme .primary-indicator .mat-expansion-indicator:after {
  color: #3948ab;
}
.bee-deep-blue-theme .contrast-background {
  background-color: #ffffff !important;
}
.bee-deep-blue-theme .primary-color-small {
  color: rgba(57, 72, 171, 0.6);
}
.bee-deep-blue-theme .marine-background {
  background-color: #0f223e !important;
}
.bee-deep-blue-theme .primary-background {
  background-color: #3948ab !important;
}
.bee-deep-blue-theme .primary-background-50 {
  background-color: #e7e9f5 !important;
}
.bee-deep-blue-theme .primary-background-200 {
  background-color: #9ca4d5 !important;
}
.bee-deep-blue-theme .primary-background-800 {
  background-color: #243091 !important;
}
.bee-deep-blue-theme .white-color {
  color: white !important;
}
.bee-deep-blue-theme .secondary-color {
  color: #b8bdff !important;
}
.bee-deep-blue-theme .secondary-background {
  background-color: #b8bdff !important;
}
.bee-deep-blue-theme .secondary-background-semi {
  background-color: #3948ab !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #3948ab !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-deep-blue-theme .secondary-background-full {
  background-color: #3948ab !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #3948ab !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-deep-blue-theme .secondary-background-empty {
  background-color: #3948ab !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #3948ab !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-deep-blue-theme .secondary-border {
  background-color: #b8bdff !important;
}
.bee-deep-blue-theme .tertiary-color {
  color: #515fff !important;
}
.bee-deep-blue-theme button.button-tertiary {
  background-color: #515fff !important;
  color: #3948ab !important;
  border: 1px solid #3948ab !important;
}
.bee-deep-blue-theme span.red-text {
  color: #DB1F35 !important;
}
.bee-deep-blue-theme .tertiary-background {
  background-color: #515fff !important;
}
.bee-deep-blue-theme .tertiary-border {
  border-color: #515fff !important;
}
.bee-deep-blue-theme .dark-background {
  background-color: black !important;
}
.bee-deep-blue-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.bee-deep-blue-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.bee-deep-blue-theme .primary-soft-background {
  background-color: rgba(57, 72, 171, 0.1) !important;
}
.bee-deep-blue-theme .primary-soft-background:hover {
  background-color: rgba(57, 72, 171, 0.15) !important;
}
.bee-deep-blue-theme .primary-border {
  border-color: #3948ab !important;
}
.bee-deep-blue-theme .default-background {
  background-color: #fafafa !important;
}
.bee-deep-blue-theme .hover-primary:hover {
  color: #3948ab !important;
}
.bee-deep-blue-theme .hover-primary-background:hover {
  background-color: #3948ab !important;
}
.bee-deep-blue-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.bee-deep-blue-theme .warn-color {
  color: #e74737 !important;
}
.bee-deep-blue-theme .warn-border {
  border-color: #e74737 !important;
}
.bee-deep-blue-theme .accent-color {
  color: #cddc39 !important;
}
.bee-deep-blue-theme .accent-background {
  background-color: #cddc39 !important;
}
.bee-deep-blue-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.bee-deep-blue-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-blue-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.bee-deep-blue-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-blue-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-blue-theme .dialog-table tr .action-icon {
  color: transparent;
}
.bee-deep-blue-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bee-deep-blue-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-blue-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #3948ab;
}
.bee-deep-blue-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-deep-blue-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-blue-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.bee-deep-blue-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.bee-deep-blue-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-blue-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-blue-theme .card-table tr .action-icon {
  color: transparent;
}
.bee-deep-blue-theme .card-table tr .action-icon button {
  color: transparent;
}
.bee-deep-blue-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-deep-blue-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-blue-theme .card-table tr:hover .action-icon button {
  color: #3948ab;
}
.bee-deep-blue-theme .card-table tr:hover .action-icon:hover {
  color: #3948ab;
}
.bee-deep-blue-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-blue-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.bee-deep-blue-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-deep-blue-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-blue-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #3948ab;
}
.bee-deep-blue-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-blue-theme .no-hover-table tr:hover {
  background: white;
}
.bee-deep-blue-theme .custom-standard-chip {
  background-color: rgba(57, 72, 171, 0.1) !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .help-dashboard-card .mat-icon {
  color: #3948ab;
}
.bee-deep-blue-theme .help-dashboard-card:hover {
  background-color: #3948ab;
}
.bee-deep-blue-theme .help-dashboard-card:hover .mat-icon,
.bee-deep-blue-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.bee-deep-blue-theme .room-open {
  background-color: #3948ab !important;
  color: white !important;
}
.bee-deep-blue-theme .room-open:hover {
  background-color: #3948ab !important;
  color: white !important;
}
.bee-deep-blue-theme #public-office-page-groups .public-group-button-hover {
  background-color: #3948ab !important;
  color: white !important;
}
.bee-deep-blue-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-blue-theme .notification-container .show-tip {
  color: transparent;
}
.bee-deep-blue-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-deep-blue-theme .notification-container:hover .show-tip {
  color: #3948ab;
}
.bee-deep-blue-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-deep-blue-theme .notification-container .notification-subject .mat-icon {
  color: #3948ab;
}
.bee-deep-blue-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-blue-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-blue-theme .message-container .show-tip {
  color: transparent;
}
.bee-deep-blue-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-deep-blue-theme .message-container:hover .show-tip {
  color: #3948ab;
}
.bee-deep-blue-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-deep-blue-theme .message-container .message-subject .mat-icon {
  color: #3948ab;
}
.bee-deep-blue-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-blue-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.bee-deep-blue-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.bee-deep-blue-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.bee-deep-blue-theme .primary-200-outline input {
  caret-color: #9ca4d5;
  color: #3948ab;
}
.bee-deep-blue-theme .primary-200-outline label {
  color: #9ca4d5;
}
.bee-deep-blue-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #9ca4d5 !important;
}
.bee-deep-blue-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #9ca4d5;
}
.bee-deep-blue-theme mat-form-field .primary-outline label {
  color: #3948ab !important;
}
.bee-deep-blue-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #3948ab !important;
}
.bee-deep-blue-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #3948ab !important;
}
.bee-deep-blue-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.bee-deep-blue-theme .input-primary input {
  caret-color: #3948ab;
  color: #3948ab;
}
.bee-deep-blue-theme .input-primary label {
  color: #3948ab;
}
.bee-deep-blue-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #3948ab !important;
}
.bee-deep-blue-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.bee-deep-blue-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #3948ab;
  border-width: 1px;
}
.bee-deep-blue-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.bee-deep-blue-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.bee-deep-blue-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.bee-deep-blue-theme .boton-recarga {
  background-color: #3948ab;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.bee-deep-blue-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.bee-deep-blue-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.bee-deep-blue-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.bee-deep-blue-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.bee-deep-blue-theme .header-container button {
  padding: 0 !important;
}
.bee-deep-blue-theme .header-container .mat-button {
  min-width: unset !important;
}
.bee-deep-blue-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.bee-deep-blue-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bee-deep-blue-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.bee-deep-blue-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.bee-deep-blue-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.bee-deep-blue-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-deep-blue-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-deep-blue-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-deep-blue-theme .input-recarga-marine {
  border: 1px solid #3948ab !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.bee-deep-blue-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-deep-blue-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-deep-blue-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-deep-blue-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-deep-blue-theme .color-primary {
  color: #3948ab !important;
  fill: #3948ab !important;
}
.bee-deep-blue-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.bee-deep-blue-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.bee-deep-blue-theme .primary-contrast {
  color: #ffffff !important;
}
.bee-deep-blue-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.bee-deep-blue-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-deep-blue-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-deep-blue-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-deep-blue-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-deep-blue-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-deep-blue-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-deep-blue-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-deep-blue-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #b8bdff !important;
}
.bee-deep-blue-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-deep-blue-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .mat-checkbox-checked .mat-checkbox-background,
.bee-deep-blue-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #3948ab !important;
}
.bee-deep-blue-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-deep-blue-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-deep-blue-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #9ca4d5 !important;
}
.bee-deep-blue-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-deep-blue-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.bee-deep-blue-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.bee-deep-blue-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.bee-deep-blue-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-deep-blue-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-deep-blue-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-deep-blue-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-deep-blue-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-deep-blue-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-deep-blue-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-deep-blue-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-deep-blue-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.bee-deep-blue-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.bee-deep-blue-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-deep-blue-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-deep-blue-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #b8bdff !important;
}
.bee-deep-blue-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #b8bdff !important;
}
.bee-deep-blue-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.bee-deep-blue-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.bee-deep-blue-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bee-deep-blue-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bee-deep-blue-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.bee-deep-blue-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #b8bdff !important;
}
.bee-deep-blue-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #b8bdff !important;
}
.bee-deep-blue-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.bee-deep-blue-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.bee-deep-blue-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #515fff !important;
}
.bee-deep-blue-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #515fff !important;
}
.bee-deep-blue-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #515fff !important;
}
.bee-deep-blue-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #515fff !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bee-deep-blue-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #515fff !important;
}
.bee-deep-blue-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #515fff !important;
}
.bee-deep-blue-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bee-deep-blue-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.bee-deep-blue-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bee-deep-blue-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.bee-deep-blue-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.bee-deep-blue-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #3948ab !important;
}
.bee-deep-blue-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.bee-deep-blue-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #3948ab !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.bee-deep-blue-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.bee-deep-blue-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.bee-deep-blue-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.bee-deep-blue-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.bee-deep-blue-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.bee-deep-blue-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #b8bdff !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-deep-blue-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #3948ab !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #3948ab !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-deep-blue-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #3948ab !important;
}
.bee-deep-blue-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.bee-deep-blue-theme .button-text-hidden {
  display: none;
}
.bee-yellow-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #fdd835;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #cddc39;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #cddc39;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fdd835 87%, transparent);
  --mat-form-field-filled-caret-color: #fdd835;
  --mat-form-field-filled-focus-active-indicator-color: #fdd835;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fdd835 87%, transparent);
  --mat-form-field-outlined-caret-color: #fdd835;
  --mat-form-field-outlined-focus-outline-color: #fdd835;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fdd835 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fdd835;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fdd835;
  --mat-slide-toggle-selected-handle-color: #fdd835;
  --mat-slide-toggle-selected-hover-state-layer-color: #fdd835;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fdd835;
  --mat-slide-toggle-selected-focus-handle-color: #fdd835;
  --mat-slide-toggle-selected-hover-handle-color: #fdd835;
  --mat-slide-toggle-selected-pressed-handle-color: #fdd835;
  --mat-slide-toggle-selected-focus-track-color: #fee472;
  --mat-slide-toggle-selected-hover-track-color: #fee472;
  --mat-slide-toggle-selected-pressed-track-color: #fee472;
  --mat-slide-toggle-selected-track-color: #fee472;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #fdd835;
  --mat-slider-focus-handle-color: #fdd835;
  --mat-slider-handle-color: #fdd835;
  --mat-slider-hover-handle-color: #fdd835;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fdd835 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fdd835 4%, transparent);
  --mat-slider-inactive-track-color: #fdd835;
  --mat-slider-ripple-color: #fdd835;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #fdd835;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #cddc39;
  --mat-checkbox-selected-hover-icon-color: #cddc39;
  --mat-checkbox-selected-icon-color: #cddc39;
  --mat-checkbox-selected-pressed-icon-color: #cddc39;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #cddc39;
  --mat-checkbox-selected-hover-state-layer-color: #cddc39;
  --mat-checkbox-selected-pressed-state-layer-color: #cddc39;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #fee472;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #fdd835;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #fdd835;
  --mat-badge-text-color: #000000;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fdd835 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #fdd835;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fdd835 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fdd835 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fdd835 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fdd835;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #fdd835;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #fdd835;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #fdd835;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #fdd835;
  --mat-slide-toggle-selected-handle-color: #fdd835;
  --mat-slide-toggle-selected-hover-state-layer-color: #fdd835;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fdd835;
  --mat-slide-toggle-selected-focus-handle-color: #fdd835;
  --mat-slide-toggle-selected-hover-handle-color: #fdd835;
  --mat-slide-toggle-selected-pressed-handle-color: #fdd835;
  --mat-slide-toggle-selected-focus-track-color: #fee472;
  --mat-slide-toggle-selected-hover-track-color: #fee472;
  --mat-slide-toggle-selected-pressed-track-color: #fee472;
  --mat-slide-toggle-selected-track-color: #fee472;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-yellow-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #cddc39;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-yellow-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-yellow-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #fdd835;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fdd835;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-yellow-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #cddc39;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #cddc39;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-yellow-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-yellow-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #fdd835;
  --mat-progress-bar-track-color: rgba(253, 216, 53, 0.25);
}
.bee-yellow-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #cddc39;
  --mat-progress-bar-track-color: rgba(205, 220, 57, 0.25);
}
.bee-yellow-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.bee-yellow-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #cddc39 87%, transparent);
  --mat-form-field-filled-caret-color: #cddc39;
  --mat-form-field-filled-focus-active-indicator-color: #cddc39;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #cddc39 87%, transparent);
  --mat-form-field-outlined-caret-color: #cddc39;
  --mat-form-field-outlined-focus-outline-color: #cddc39;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #cddc39 87%, transparent);
}
.bee-yellow-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.bee-yellow-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #cddc39;
  --mat-select-invalid-arrow-color: #e74737;
}
.bee-yellow-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.bee-yellow-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.bee-yellow-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-yellow-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.bee-yellow-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #fdd835;
  --mat-chip-elevated-disabled-container-color: #fdd835;
  --mat-chip-elevated-selected-container-color: #fdd835;
  --mat-chip-flat-disabled-selected-container-color: #fdd835;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.bee-yellow-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.bee-yellow-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: #cddc39;
  --mat-chip-elevated-disabled-container-color: #cddc39;
  --mat-chip-elevated-selected-container-color: #cddc39;
  --mat-chip-flat-disabled-selected-container-color: #cddc39;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-yellow-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.bee-yellow-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bee-yellow-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.bee-yellow-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.bee-yellow-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-focus-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-handle-color: #cddc39;
  --mat-slide-toggle-selected-pressed-handle-color: #cddc39;
  --mat-slide-toggle-selected-focus-track-color: #dce775;
  --mat-slide-toggle-selected-hover-track-color: #dce775;
  --mat-slide-toggle-selected-pressed-track-color: #dce775;
  --mat-slide-toggle-selected-track-color: #dce775;
}
.bee-yellow-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bee-yellow-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-yellow-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #fdd835;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fdd835;
  --mat-radio-selected-hover-icon-color: #fdd835;
  --mat-radio-selected-icon-color: #fdd835;
  --mat-radio-selected-pressed-icon-color: #fdd835;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-yellow-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #cddc39;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #cddc39;
  --mat-radio-selected-hover-icon-color: #cddc39;
  --mat-radio-selected-icon-color: #cddc39;
  --mat-radio-selected-pressed-icon-color: #cddc39;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-yellow-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-yellow-theme .mat-accent {
  --mat-slider-active-track-color: #cddc39;
  --mat-slider-focus-handle-color: #cddc39;
  --mat-slider-handle-color: #cddc39;
  --mat-slider-hover-handle-color: #cddc39;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #cddc39 4%, transparent);
  --mat-slider-inactive-track-color: #cddc39;
  --mat-slider-ripple-color: #cddc39;
  --mat-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-inactive-container-color: #cddc39;
}
.bee-yellow-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.bee-yellow-theme .mdc-list-item__start,
.bee-yellow-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fdd835;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fdd835;
  --mat-radio-selected-hover-icon-color: #fdd835;
  --mat-radio-selected-icon-color: #fdd835;
  --mat-radio-selected-pressed-icon-color: #fdd835;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-yellow-theme .mat-accent .mdc-list-item__start,
.bee-yellow-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #cddc39;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #cddc39;
  --mat-radio-selected-hover-icon-color: #cddc39;
  --mat-radio-selected-icon-color: #cddc39;
  --mat-radio-selected-pressed-icon-color: #cddc39;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-yellow-theme .mat-warn .mdc-list-item__start,
.bee-yellow-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-yellow-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fdd835;
  --mat-checkbox-selected-hover-icon-color: #fdd835;
  --mat-checkbox-selected-icon-color: #fdd835;
  --mat-checkbox-selected-pressed-icon-color: #fdd835;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fdd835;
  --mat-checkbox-selected-hover-state-layer-color: #fdd835;
  --mat-checkbox-selected-pressed-state-layer-color: #fdd835;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-yellow-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #cddc39;
  --mat-checkbox-selected-hover-icon-color: #cddc39;
  --mat-checkbox-selected-icon-color: #cddc39;
  --mat-checkbox-selected-pressed-icon-color: #cddc39;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #cddc39;
  --mat-checkbox-selected-hover-state-layer-color: #cddc39;
  --mat-checkbox-selected-pressed-state-layer-color: #cddc39;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-yellow-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-yellow-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.bee-yellow-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.bee-yellow-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.bee-yellow-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #fdd835;
}
.bee-yellow-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.bee-yellow-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.bee-yellow-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.bee-yellow-theme .mdc-list-item__start,
.bee-yellow-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.bee-yellow-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.bee-yellow-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.bee-yellow-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.bee-yellow-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.bee-yellow-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.bee-yellow-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.bee-yellow-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.bee-yellow-theme .mat-mdc-tab-group,
.bee-yellow-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fdd835;
  --mat-tab-active-ripple-color: #fdd835;
  --mat-tab-inactive-ripple-color: #fdd835;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fdd835;
  --mat-tab-active-hover-label-text-color: #fdd835;
  --mat-tab-active-focus-indicator-color: #fdd835;
  --mat-tab-active-hover-indicator-color: #fdd835;
  --mat-tab-active-indicator-color: #fdd835;
}
.bee-yellow-theme .mat-mdc-tab-group.mat-accent,
.bee-yellow-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #cddc39;
  --mat-tab-active-ripple-color: #cddc39;
  --mat-tab-inactive-ripple-color: #cddc39;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #cddc39;
  --mat-tab-active-hover-label-text-color: #cddc39;
  --mat-tab-active-focus-indicator-color: #cddc39;
  --mat-tab-active-hover-indicator-color: #cddc39;
  --mat-tab-active-indicator-color: #cddc39;
}
.bee-yellow-theme .mat-mdc-tab-group.mat-warn,
.bee-yellow-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.bee-yellow-theme .mat-mdc-tab-group.mat-background-primary,
.bee-yellow-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #fdd835;
  --mat-tab-foreground-color: #000000;
}
.bee-yellow-theme .mat-mdc-tab-group.mat-background-accent,
.bee-yellow-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #cddc39;
  --mat-tab-foreground-color: rgba(0, 0, 0, 0.87);
}
.bee-yellow-theme .mat-mdc-tab-group.mat-background-warn,
.bee-yellow-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.bee-yellow-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.bee-yellow-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.bee-yellow-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #fdd835;
  --mat-checkbox-selected-hover-icon-color: #fdd835;
  --mat-checkbox-selected-icon-color: #fdd835;
  --mat-checkbox-selected-pressed-icon-color: #fdd835;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fdd835;
  --mat-checkbox-selected-hover-state-layer-color: #fdd835;
  --mat-checkbox-selected-pressed-state-layer-color: #fdd835;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-yellow-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-yellow-theme .mat-mdc-button.mat-primary,
.bee-yellow-theme .mat-mdc-unelevated-button.mat-primary,
.bee-yellow-theme .mat-mdc-raised-button.mat-primary,
.bee-yellow-theme .mat-mdc-outlined-button.mat-primary,
.bee-yellow-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #fdd835;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #fdd835;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fdd835 12%, transparent);
  --mat-button-outlined-state-layer-color: #fdd835;
  --mat-button-protected-container-color: #fdd835;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #fdd835;
  --mat-button-text-ripple-color: color-mix(in srgb, #fdd835 12%, transparent);
  --mat-button-text-state-layer-color: #fdd835;
  --mat-button-tonal-container-color: #fdd835;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.bee-yellow-theme .mat-mdc-button.mat-accent,
.bee-yellow-theme .mat-mdc-unelevated-button.mat-accent,
.bee-yellow-theme .mat-mdc-raised-button.mat-accent,
.bee-yellow-theme .mat-mdc-outlined-button.mat-accent,
.bee-yellow-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #cddc39;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-label-text-color: #cddc39;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-button-outlined-state-layer-color: #cddc39;
  --mat-button-protected-container-color: #cddc39;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-label-text-color: #cddc39;
  --mat-button-text-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-button-text-state-layer-color: #cddc39;
  --mat-button-tonal-container-color: #cddc39;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-yellow-theme .mat-mdc-button.mat-warn,
.bee-yellow-theme .mat-mdc-unelevated-button.mat-warn,
.bee-yellow-theme .mat-mdc-raised-button.mat-warn,
.bee-yellow-theme .mat-mdc-outlined-button.mat-warn,
.bee-yellow-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bee-yellow-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #fdd835;
  --mat-icon-button-state-layer-color: #fdd835;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fdd835 12%, transparent);
}
.bee-yellow-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #cddc39;
  --mat-icon-button-state-layer-color: #cddc39;
  --mat-icon-button-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
}
.bee-yellow-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.bee-yellow-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.bee-yellow-theme .mat-mdc-fab.mat-primary,
.bee-yellow-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #fdd835;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #fdd835 12%, transparent);
  --mat-fab-small-container-color: #fdd835;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.bee-yellow-theme .mat-mdc-fab.mat-accent,
.bee-yellow-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #cddc39;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-fab-small-container-color: #cddc39;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-yellow-theme .mat-mdc-fab.mat-warn,
.bee-yellow-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bee-yellow-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #cddc39;
}
.bee-yellow-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.bee-yellow-theme .mat-badge-accent {
  --mat-badge-background-color: #cddc39;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
}
.bee-yellow-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.bee-yellow-theme .mat-datepicker-content.mat-accent,
.bee-yellow-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #cddc39;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #cddc39 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #cddc39 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #cddc39;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-yellow-theme .mat-datepicker-content.mat-warn,
.bee-yellow-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-yellow-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.bee-yellow-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.bee-yellow-theme .mat-icon.mat-primary {
  --mat-icon-color: #fdd835;
}
.bee-yellow-theme .mat-icon.mat-accent {
  --mat-icon-color: #cddc39;
}
.bee-yellow-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.bee-yellow-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #cddc39;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #cddc39;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #cddc39;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}
.bee-yellow-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.bee-yellow-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #fdd835;
  --mat-toolbar-container-text-color: #000000;
}
.bee-yellow-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #cddc39;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-yellow-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.bee-yellow-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-focus-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-handle-color: #cddc39;
  --mat-slide-toggle-selected-pressed-handle-color: #cddc39;
  --mat-slide-toggle-selected-focus-track-color: #dce775;
  --mat-slide-toggle-selected-hover-track-color: #dce775;
  --mat-slide-toggle-selected-pressed-track-color: #dce775;
  --mat-slide-toggle-selected-track-color: #dce775;
}
.bee-yellow-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bee-yellow-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-yellow-theme .back-container {
  color: #fdd835;
}
.bee-yellow-theme .back-container:hover {
  opacity: 0.54;
}
.bee-yellow-theme .warn-text {
  color: #e74737;
}
.bee-yellow-theme .inside-modal-title.primary-colored-title,
.bee-yellow-theme .form-title.primary-colored-title {
  color: #fdd835;
}
.bee-yellow-theme .full-height-container form .button-container {
  background: white;
}
.bee-yellow-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.bee-yellow-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.bee-yellow-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-yellow-theme .box-checkbox.active-box-checkbox {
  background-color: #fdd835;
  color: white;
}
.bee-yellow-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-yellow-theme .box-radio.active-box-radio {
  background-color: #fdd835;
  color: white;
}
.bee-yellow-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.bee-yellow-theme .error {
  color: #e74737;
}
.bee-yellow-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.bee-yellow-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.bee-yellow-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-yellow-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.bee-yellow-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-yellow-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-yellow-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.bee-yellow-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.bee-yellow-theme .ql-snow .ql-picker-options {
  background: white;
}
.bee-yellow-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.bee-yellow-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.bee-yellow-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.bee-yellow-theme .ql-snow .ql-fill,
.bee-yellow-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.bee-yellow-theme .ql-snow.ql-toolbar button:hover,
.bee-yellow-theme .ql-snow .ql-toolbar button:hover,
.bee-yellow-theme .ql-snow.ql-toolbar button:focus,
.bee-yellow-theme .ql-snow .ql-toolbar button:focus,
.bee-yellow-theme .ql-snow.ql-toolbar button.ql-active,
.bee-yellow-theme .ql-snow .ql-toolbar button.ql-active,
.bee-yellow-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.bee-yellow-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.bee-yellow-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.bee-yellow-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.bee-yellow-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.bee-yellow-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.bee-yellow-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.bee-yellow-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.bee-yellow-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.bee-yellow-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.bee-yellow-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.bee-yellow-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.bee-yellow-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.bee-yellow-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.bee-yellow-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-yellow-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-yellow-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-yellow-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-yellow-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-yellow-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-yellow-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-yellow-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-yellow-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-yellow-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-yellow-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-yellow-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-yellow-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-yellow-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-yellow-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-yellow-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-yellow-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-yellow-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-yellow-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-yellow-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-yellow-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.bee-yellow-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.bee-yellow-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.bee-yellow-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.bee-yellow-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.bee-yellow-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.bee-yellow-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.bee-yellow-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.bee-yellow-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-yellow-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-yellow-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-yellow-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-yellow-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-yellow-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-yellow-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-yellow-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-yellow-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.bee-yellow-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.bee-yellow-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.bee-yellow-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.bee-yellow-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.bee-yellow-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.bee-yellow-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-yellow-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-yellow-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-yellow-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-yellow-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-yellow-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-yellow-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.bee-yellow-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.bee-yellow-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-yellow-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-yellow-theme bee-form-item {
  margin-right: 0 !important;
}
.bee-yellow-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.bee-yellow-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #fdd835;
  height: 38px !important;
}
.bee-yellow-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.bee-yellow-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.bee-yellow-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.bee-yellow-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.bee-yellow-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.bee-yellow-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.bee-yellow-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.bee-yellow-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.bee-yellow-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .bee-yellow-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.bee-yellow-theme .general-container .label-wrapper label {
  color: #fdd835 !important;
  background-color: white;
}
.bee-yellow-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-yellow-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.bee-yellow-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.bee-yellow-theme .general-container .bee-selector .bee-selector-container {
  border-color: #fdd835 !important;
}
.bee-yellow-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.bee-yellow-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.bee-yellow-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.bee-yellow-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.bee-yellow-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.bee-yellow-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-yellow-theme .general-container .bee-selector .bee-selector-container:focus,
.bee-yellow-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #fdd835;
}
.bee-yellow-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.bee-yellow-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #fdd835;
}
.bee-yellow-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.bee-yellow-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #fdd835;
}
.bee-yellow-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bee-yellow-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-yellow-theme .general-container .bee-dropdown {
  background: white;
}
.bee-yellow-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #fdd835;
}
.bee-yellow-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.bee-yellow-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.bee-yellow-theme .general-container .selector-error {
  color: #e74737;
}
.bee-yellow-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-yellow-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.bee-yellow-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-yellow-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.bee-yellow-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #fdd835;
}
.bee-yellow-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bee-yellow-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-yellow-theme .move-image-action-container:hover {
  color: #fdd835;
}
.bee-yellow-theme .info-icon {
  color: #fdd835;
}
.bee-yellow-theme .email-chip {
  color: #fdd835 !important;
  background-color: rgba(253, 216, 53, 0.15) !important;
}
.bee-yellow-theme .email-chip .mat-chip-remove {
  color: #fdd835 !important;
  opacity: 1 !important;
}
.bee-yellow-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.bee-yellow-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.bee-yellow-theme .mat-badge-content {
  color: #fdd835 !important;
}
.bee-yellow-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #fdd835 !important;
}
.bee-yellow-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #fdd835 !important;
}
.bee-yellow-theme #circle-lleno {
  background: #ffffff;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.bee-yellow-theme .primary-contrast-text-color {
  color: #000000 !important;
}
.bee-yellow-theme .marine-color {
  color: #0f223e !important;
}
.bee-yellow-theme .primary-color {
  color: #fdd835 !important;
}
.bee-yellow-theme .gray-color {
  color: #C0C4CA !important;
}
.bee-yellow-theme .primary-color-200 {
  color: #feec9a !important;
}
.bee-yellow-theme svg.primary-fill-svg {
  fill: #fdd835 !important;
}
.bee-yellow-theme .primary-fill {
  fill: #fdd835 !important;
}
.bee-yellow-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-yellow-theme .primary-border-50 {
  border-color: #fffae7 !important;
}
.bee-yellow-theme .primary-border-100 {
  border-color: #fef3c2 !important;
}
.bee-yellow-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.bee-yellow-theme .transparent-border-100 {
  border-color: transparent !important;
}
.bee-yellow-theme .primary-border-200 {
  border-color: #feec9a !important;
}
.bee-yellow-theme .primary-indicator .mat-expansion-indicator:after {
  color: #fdd835;
}
.bee-yellow-theme .contrast-background {
  background-color: #000000 !important;
}
.bee-yellow-theme .primary-color-small {
  color: rgba(253, 216, 53, 0.6);
}
.bee-yellow-theme .marine-background {
  background-color: #0f223e !important;
}
.bee-yellow-theme .primary-background {
  background-color: #fdd835 !important;
}
.bee-yellow-theme .primary-background-50 {
  background-color: #fffae7 !important;
}
.bee-yellow-theme .primary-background-200 {
  background-color: #feec9a !important;
}
.bee-yellow-theme .primary-background-800 {
  background-color: #fcc822 !important;
}
.bee-yellow-theme .white-color {
  color: white !important;
}
.bee-yellow-theme .secondary-color {
  color: #ffffff !important;
}
.bee-yellow-theme .secondary-background {
  background-color: #ffffff !important;
}
.bee-yellow-theme .secondary-background-semi {
  background-color: #fdd835 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #fdd835 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-yellow-theme .secondary-background-full {
  background-color: #fdd835 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #fdd835 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-yellow-theme .secondary-background-empty {
  background-color: #fdd835 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #fdd835 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-yellow-theme .secondary-border {
  background-color: #ffffff !important;
}
.bee-yellow-theme .tertiary-color {
  color: #ffeec5 !important;
}
.bee-yellow-theme button.button-tertiary {
  background-color: #ffeec5 !important;
  color: #fdd835 !important;
  border: 1px solid #fdd835 !important;
}
.bee-yellow-theme span.red-text {
  color: #DB1F35 !important;
}
.bee-yellow-theme .tertiary-background {
  background-color: #ffeec5 !important;
}
.bee-yellow-theme .tertiary-border {
  border-color: #ffeec5 !important;
}
.bee-yellow-theme .dark-background {
  background-color: black !important;
}
.bee-yellow-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.bee-yellow-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.bee-yellow-theme .primary-soft-background {
  background-color: rgba(253, 216, 53, 0.1) !important;
}
.bee-yellow-theme .primary-soft-background:hover {
  background-color: rgba(253, 216, 53, 0.15) !important;
}
.bee-yellow-theme .primary-border {
  border-color: #fdd835 !important;
}
.bee-yellow-theme .default-background {
  background-color: #fafafa !important;
}
.bee-yellow-theme .hover-primary:hover {
  color: #fdd835 !important;
}
.bee-yellow-theme .hover-primary-background:hover {
  background-color: #fdd835 !important;
}
.bee-yellow-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.bee-yellow-theme .warn-color {
  color: #e74737 !important;
}
.bee-yellow-theme .warn-border {
  border-color: #e74737 !important;
}
.bee-yellow-theme .accent-color {
  color: #cddc39 !important;
}
.bee-yellow-theme .accent-background {
  background-color: #cddc39 !important;
}
.bee-yellow-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.bee-yellow-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.bee-yellow-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.bee-yellow-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-yellow-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-yellow-theme .dialog-table tr .action-icon {
  color: transparent;
}
.bee-yellow-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bee-yellow-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.bee-yellow-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #fdd835;
}
.bee-yellow-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-yellow-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-yellow-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.bee-yellow-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.bee-yellow-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.bee-yellow-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-yellow-theme .card-table tr .action-icon {
  color: transparent;
}
.bee-yellow-theme .card-table tr .action-icon button {
  color: transparent;
}
.bee-yellow-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-yellow-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-yellow-theme .card-table tr:hover .action-icon button {
  color: #fdd835;
}
.bee-yellow-theme .card-table tr:hover .action-icon:hover {
  color: #fdd835;
}
.bee-yellow-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-yellow-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.bee-yellow-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-yellow-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-yellow-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #fdd835;
}
.bee-yellow-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-yellow-theme .no-hover-table tr:hover {
  background: white;
}
.bee-yellow-theme .custom-standard-chip {
  background-color: rgba(253, 216, 53, 0.1) !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .help-dashboard-card .mat-icon {
  color: #fdd835;
}
.bee-yellow-theme .help-dashboard-card:hover {
  background-color: #fdd835;
}
.bee-yellow-theme .help-dashboard-card:hover .mat-icon,
.bee-yellow-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.bee-yellow-theme .room-open {
  background-color: #fdd835 !important;
  color: white !important;
}
.bee-yellow-theme .room-open:hover {
  background-color: #fdd835 !important;
  color: white !important;
}
.bee-yellow-theme #public-office-page-groups .public-group-button-hover {
  background-color: #fdd835 !important;
  color: white !important;
}
.bee-yellow-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-yellow-theme .notification-container .show-tip {
  color: transparent;
}
.bee-yellow-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-yellow-theme .notification-container:hover .show-tip {
  color: #fdd835;
}
.bee-yellow-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-yellow-theme .notification-container .notification-subject .mat-icon {
  color: #fdd835;
}
.bee-yellow-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-yellow-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-yellow-theme .message-container .show-tip {
  color: transparent;
}
.bee-yellow-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-yellow-theme .message-container:hover .show-tip {
  color: #fdd835;
}
.bee-yellow-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-yellow-theme .message-container .message-subject .mat-icon {
  color: #fdd835;
}
.bee-yellow-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-yellow-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.bee-yellow-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.bee-yellow-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.bee-yellow-theme .primary-200-outline input {
  caret-color: #feec9a;
  color: #fdd835;
}
.bee-yellow-theme .primary-200-outline label {
  color: #feec9a;
}
.bee-yellow-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #feec9a !important;
}
.bee-yellow-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #feec9a;
}
.bee-yellow-theme mat-form-field .primary-outline label {
  color: #fdd835 !important;
}
.bee-yellow-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #fdd835 !important;
}
.bee-yellow-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #fdd835 !important;
}
.bee-yellow-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.bee-yellow-theme .input-primary input {
  caret-color: #fdd835;
  color: #fdd835;
}
.bee-yellow-theme .input-primary label {
  color: #fdd835;
}
.bee-yellow-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #fdd835 !important;
}
.bee-yellow-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.bee-yellow-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #fdd835;
  border-width: 1px;
}
.bee-yellow-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.bee-yellow-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.bee-yellow-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.bee-yellow-theme .boton-recarga {
  background-color: #fdd835;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.bee-yellow-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.bee-yellow-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
}
.bee-yellow-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.bee-yellow-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.bee-yellow-theme .header-container button {
  padding: 0 !important;
}
.bee-yellow-theme .header-container .mat-button {
  min-width: unset !important;
}
.bee-yellow-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.bee-yellow-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bee-yellow-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.bee-yellow-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.bee-yellow-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.bee-yellow-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-yellow-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-yellow-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-yellow-theme .input-recarga-marine {
  border: 1px solid #fdd835 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.bee-yellow-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-yellow-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-yellow-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-yellow-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-yellow-theme .color-primary {
  color: #fdd835 !important;
  fill: #fdd835 !important;
}
.bee-yellow-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.bee-yellow-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.bee-yellow-theme .primary-contrast {
  color: #000000 !important;
}
.bee-yellow-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.bee-yellow-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-yellow-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-yellow-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-yellow-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-yellow-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-yellow-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-yellow-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-yellow-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.bee-yellow-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-yellow-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .mat-checkbox-checked .mat-checkbox-background,
.bee-yellow-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #fdd835 !important;
}
.bee-yellow-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-yellow-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-yellow-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #feec9a !important;
}
.bee-yellow-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-yellow-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.bee-yellow-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.bee-yellow-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.bee-yellow-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-yellow-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.bee-yellow-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.bee-yellow-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #fdd835 !important;
}
.bee-yellow-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-yellow-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-yellow-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-yellow-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-yellow-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-yellow-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.bee-yellow-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.bee-yellow-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.bee-yellow-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.bee-yellow-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-yellow-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.bee-yellow-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.bee-yellow-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.bee-yellow-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.bee-yellow-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.bee-yellow-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.bee-yellow-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bee-yellow-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bee-yellow-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.bee-yellow-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.bee-yellow-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffeec5 !important;
}
.bee-yellow-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffeec5 !important;
}
.bee-yellow-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffeec5 !important;
}
.bee-yellow-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ffeec5 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bee-yellow-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ffeec5 !important;
}
.bee-yellow-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #ffeec5 !important;
}
.bee-yellow-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #000000 !important;
}
.bee-yellow-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.bee-yellow-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #000000 !important;
}
.bee-yellow-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.bee-yellow-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.bee-yellow-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #fdd835 !important;
}
.bee-yellow-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.bee-yellow-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #000000;
  background-color: #fdd835 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.bee-yellow-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.bee-yellow-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.bee-yellow-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.bee-yellow-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.bee-yellow-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.bee-yellow-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #ffffff !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-yellow-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #fdd835 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #fdd835 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-yellow-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #fdd835 !important;
}
.bee-yellow-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.bee-yellow-theme .button-text-hidden {
  display: none;
}
.bee-amber-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #cf9307;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #cddc39;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #cddc39;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #cf9307 87%, transparent);
  --mat-form-field-filled-caret-color: #cf9307;
  --mat-form-field-filled-focus-active-indicator-color: #cf9307;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #cf9307 87%, transparent);
  --mat-form-field-outlined-caret-color: #cf9307;
  --mat-form-field-outlined-focus-outline-color: #cf9307;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #cf9307 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #cf9307;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #cf9307;
  --mat-slide-toggle-selected-handle-color: #cf9307;
  --mat-slide-toggle-selected-hover-state-layer-color: #cf9307;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cf9307;
  --mat-slide-toggle-selected-focus-handle-color: #cf9307;
  --mat-slide-toggle-selected-hover-handle-color: #cf9307;
  --mat-slide-toggle-selected-pressed-handle-color: #cf9307;
  --mat-slide-toggle-selected-focus-track-color: #ddb351;
  --mat-slide-toggle-selected-hover-track-color: #ddb351;
  --mat-slide-toggle-selected-pressed-track-color: #ddb351;
  --mat-slide-toggle-selected-track-color: #ddb351;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #cf9307;
  --mat-slider-focus-handle-color: #cf9307;
  --mat-slider-handle-color: #cf9307;
  --mat-slider-hover-handle-color: #cf9307;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #cf9307 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #cf9307 4%, transparent);
  --mat-slider-inactive-track-color: #cf9307;
  --mat-slider-ripple-color: #cf9307;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #cf9307;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #cddc39;
  --mat-checkbox-selected-hover-icon-color: #cddc39;
  --mat-checkbox-selected-icon-color: #cddc39;
  --mat-checkbox-selected-pressed-icon-color: #cddc39;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #cddc39;
  --mat-checkbox-selected-hover-state-layer-color: #cddc39;
  --mat-checkbox-selected-pressed-state-layer-color: #cddc39;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #ddb351;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #cf9307;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #cf9307;
  --mat-badge-text-color: #000000;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #cf9307 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #cf9307;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #cf9307 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #cf9307 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #cf9307 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #cf9307;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #cf9307;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #cf9307;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #cf9307;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #cf9307;
  --mat-slide-toggle-selected-handle-color: #cf9307;
  --mat-slide-toggle-selected-hover-state-layer-color: #cf9307;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cf9307;
  --mat-slide-toggle-selected-focus-handle-color: #cf9307;
  --mat-slide-toggle-selected-hover-handle-color: #cf9307;
  --mat-slide-toggle-selected-pressed-handle-color: #cf9307;
  --mat-slide-toggle-selected-focus-track-color: #ddb351;
  --mat-slide-toggle-selected-hover-track-color: #ddb351;
  --mat-slide-toggle-selected-pressed-track-color: #ddb351;
  --mat-slide-toggle-selected-track-color: #ddb351;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-amber-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #cddc39;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-amber-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-amber-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #cf9307;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #cf9307;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-amber-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #cddc39;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #cddc39;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-amber-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-amber-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #cf9307;
  --mat-progress-bar-track-color: rgba(207, 147, 7, 0.25);
}
.bee-amber-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #cddc39;
  --mat-progress-bar-track-color: rgba(205, 220, 57, 0.25);
}
.bee-amber-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.bee-amber-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #cddc39 87%, transparent);
  --mat-form-field-filled-caret-color: #cddc39;
  --mat-form-field-filled-focus-active-indicator-color: #cddc39;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #cddc39 87%, transparent);
  --mat-form-field-outlined-caret-color: #cddc39;
  --mat-form-field-outlined-focus-outline-color: #cddc39;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #cddc39 87%, transparent);
}
.bee-amber-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.bee-amber-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #cddc39;
  --mat-select-invalid-arrow-color: #e74737;
}
.bee-amber-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.bee-amber-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.bee-amber-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-amber-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.bee-amber-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #cf9307;
  --mat-chip-elevated-disabled-container-color: #cf9307;
  --mat-chip-elevated-selected-container-color: #cf9307;
  --mat-chip-flat-disabled-selected-container-color: #cf9307;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.bee-amber-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.bee-amber-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: #cddc39;
  --mat-chip-elevated-disabled-container-color: #cddc39;
  --mat-chip-elevated-selected-container-color: #cddc39;
  --mat-chip-flat-disabled-selected-container-color: #cddc39;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-amber-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.bee-amber-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bee-amber-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.bee-amber-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.bee-amber-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-focus-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-handle-color: #cddc39;
  --mat-slide-toggle-selected-pressed-handle-color: #cddc39;
  --mat-slide-toggle-selected-focus-track-color: #dce775;
  --mat-slide-toggle-selected-hover-track-color: #dce775;
  --mat-slide-toggle-selected-pressed-track-color: #dce775;
  --mat-slide-toggle-selected-track-color: #dce775;
}
.bee-amber-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bee-amber-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-amber-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #cf9307;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #cf9307;
  --mat-radio-selected-hover-icon-color: #cf9307;
  --mat-radio-selected-icon-color: #cf9307;
  --mat-radio-selected-pressed-icon-color: #cf9307;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-amber-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #cddc39;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #cddc39;
  --mat-radio-selected-hover-icon-color: #cddc39;
  --mat-radio-selected-icon-color: #cddc39;
  --mat-radio-selected-pressed-icon-color: #cddc39;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-amber-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-amber-theme .mat-accent {
  --mat-slider-active-track-color: #cddc39;
  --mat-slider-focus-handle-color: #cddc39;
  --mat-slider-handle-color: #cddc39;
  --mat-slider-hover-handle-color: #cddc39;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #cddc39 4%, transparent);
  --mat-slider-inactive-track-color: #cddc39;
  --mat-slider-ripple-color: #cddc39;
  --mat-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-inactive-container-color: #cddc39;
}
.bee-amber-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.bee-amber-theme .mdc-list-item__start,
.bee-amber-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #cf9307;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #cf9307;
  --mat-radio-selected-hover-icon-color: #cf9307;
  --mat-radio-selected-icon-color: #cf9307;
  --mat-radio-selected-pressed-icon-color: #cf9307;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-amber-theme .mat-accent .mdc-list-item__start,
.bee-amber-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #cddc39;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #cddc39;
  --mat-radio-selected-hover-icon-color: #cddc39;
  --mat-radio-selected-icon-color: #cddc39;
  --mat-radio-selected-pressed-icon-color: #cddc39;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-amber-theme .mat-warn .mdc-list-item__start,
.bee-amber-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-amber-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #cf9307;
  --mat-checkbox-selected-hover-icon-color: #cf9307;
  --mat-checkbox-selected-icon-color: #cf9307;
  --mat-checkbox-selected-pressed-icon-color: #cf9307;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #cf9307;
  --mat-checkbox-selected-hover-state-layer-color: #cf9307;
  --mat-checkbox-selected-pressed-state-layer-color: #cf9307;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-amber-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #cddc39;
  --mat-checkbox-selected-hover-icon-color: #cddc39;
  --mat-checkbox-selected-icon-color: #cddc39;
  --mat-checkbox-selected-pressed-icon-color: #cddc39;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #cddc39;
  --mat-checkbox-selected-hover-state-layer-color: #cddc39;
  --mat-checkbox-selected-pressed-state-layer-color: #cddc39;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-amber-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-amber-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.bee-amber-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.bee-amber-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.bee-amber-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #cf9307;
}
.bee-amber-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.bee-amber-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.bee-amber-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.bee-amber-theme .mdc-list-item__start,
.bee-amber-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.bee-amber-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.bee-amber-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.bee-amber-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.bee-amber-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.bee-amber-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.bee-amber-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.bee-amber-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.bee-amber-theme .mat-mdc-tab-group,
.bee-amber-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #cf9307;
  --mat-tab-active-ripple-color: #cf9307;
  --mat-tab-inactive-ripple-color: #cf9307;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #cf9307;
  --mat-tab-active-hover-label-text-color: #cf9307;
  --mat-tab-active-focus-indicator-color: #cf9307;
  --mat-tab-active-hover-indicator-color: #cf9307;
  --mat-tab-active-indicator-color: #cf9307;
}
.bee-amber-theme .mat-mdc-tab-group.mat-accent,
.bee-amber-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #cddc39;
  --mat-tab-active-ripple-color: #cddc39;
  --mat-tab-inactive-ripple-color: #cddc39;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #cddc39;
  --mat-tab-active-hover-label-text-color: #cddc39;
  --mat-tab-active-focus-indicator-color: #cddc39;
  --mat-tab-active-hover-indicator-color: #cddc39;
  --mat-tab-active-indicator-color: #cddc39;
}
.bee-amber-theme .mat-mdc-tab-group.mat-warn,
.bee-amber-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.bee-amber-theme .mat-mdc-tab-group.mat-background-primary,
.bee-amber-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #cf9307;
  --mat-tab-foreground-color: #000000;
}
.bee-amber-theme .mat-mdc-tab-group.mat-background-accent,
.bee-amber-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #cddc39;
  --mat-tab-foreground-color: rgba(0, 0, 0, 0.87);
}
.bee-amber-theme .mat-mdc-tab-group.mat-background-warn,
.bee-amber-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.bee-amber-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.bee-amber-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.bee-amber-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #cf9307;
  --mat-checkbox-selected-hover-icon-color: #cf9307;
  --mat-checkbox-selected-icon-color: #cf9307;
  --mat-checkbox-selected-pressed-icon-color: #cf9307;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #cf9307;
  --mat-checkbox-selected-hover-state-layer-color: #cf9307;
  --mat-checkbox-selected-pressed-state-layer-color: #cf9307;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-amber-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-amber-theme .mat-mdc-button.mat-primary,
.bee-amber-theme .mat-mdc-unelevated-button.mat-primary,
.bee-amber-theme .mat-mdc-raised-button.mat-primary,
.bee-amber-theme .mat-mdc-outlined-button.mat-primary,
.bee-amber-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #cf9307;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #cf9307;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #cf9307 12%, transparent);
  --mat-button-outlined-state-layer-color: #cf9307;
  --mat-button-protected-container-color: #cf9307;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #cf9307;
  --mat-button-text-ripple-color: color-mix(in srgb, #cf9307 12%, transparent);
  --mat-button-text-state-layer-color: #cf9307;
  --mat-button-tonal-container-color: #cf9307;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.bee-amber-theme .mat-mdc-button.mat-accent,
.bee-amber-theme .mat-mdc-unelevated-button.mat-accent,
.bee-amber-theme .mat-mdc-raised-button.mat-accent,
.bee-amber-theme .mat-mdc-outlined-button.mat-accent,
.bee-amber-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #cddc39;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-label-text-color: #cddc39;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-button-outlined-state-layer-color: #cddc39;
  --mat-button-protected-container-color: #cddc39;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-label-text-color: #cddc39;
  --mat-button-text-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-button-text-state-layer-color: #cddc39;
  --mat-button-tonal-container-color: #cddc39;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-amber-theme .mat-mdc-button.mat-warn,
.bee-amber-theme .mat-mdc-unelevated-button.mat-warn,
.bee-amber-theme .mat-mdc-raised-button.mat-warn,
.bee-amber-theme .mat-mdc-outlined-button.mat-warn,
.bee-amber-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bee-amber-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #cf9307;
  --mat-icon-button-state-layer-color: #cf9307;
  --mat-icon-button-ripple-color: color-mix(in srgb, #cf9307 12%, transparent);
}
.bee-amber-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #cddc39;
  --mat-icon-button-state-layer-color: #cddc39;
  --mat-icon-button-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
}
.bee-amber-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.bee-amber-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.bee-amber-theme .mat-mdc-fab.mat-primary,
.bee-amber-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #cf9307;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #cf9307 12%, transparent);
  --mat-fab-small-container-color: #cf9307;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.bee-amber-theme .mat-mdc-fab.mat-accent,
.bee-amber-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #cddc39;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-fab-small-container-color: #cddc39;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-amber-theme .mat-mdc-fab.mat-warn,
.bee-amber-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bee-amber-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #cddc39;
}
.bee-amber-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.bee-amber-theme .mat-badge-accent {
  --mat-badge-background-color: #cddc39;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
}
.bee-amber-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.bee-amber-theme .mat-datepicker-content.mat-accent,
.bee-amber-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #cddc39;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #cddc39 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #cddc39 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #cddc39;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-amber-theme .mat-datepicker-content.mat-warn,
.bee-amber-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-amber-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.bee-amber-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.bee-amber-theme .mat-icon.mat-primary {
  --mat-icon-color: #cf9307;
}
.bee-amber-theme .mat-icon.mat-accent {
  --mat-icon-color: #cddc39;
}
.bee-amber-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.bee-amber-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #cddc39;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #cddc39;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #cddc39;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}
.bee-amber-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.bee-amber-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #cf9307;
  --mat-toolbar-container-text-color: #000000;
}
.bee-amber-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #cddc39;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-amber-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.bee-amber-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-focus-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-handle-color: #cddc39;
  --mat-slide-toggle-selected-pressed-handle-color: #cddc39;
  --mat-slide-toggle-selected-focus-track-color: #dce775;
  --mat-slide-toggle-selected-hover-track-color: #dce775;
  --mat-slide-toggle-selected-pressed-track-color: #dce775;
  --mat-slide-toggle-selected-track-color: #dce775;
}
.bee-amber-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bee-amber-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-amber-theme .back-container {
  color: #cf9307;
}
.bee-amber-theme .back-container:hover {
  opacity: 0.54;
}
.bee-amber-theme .warn-text {
  color: #e74737;
}
.bee-amber-theme .inside-modal-title.primary-colored-title,
.bee-amber-theme .form-title.primary-colored-title {
  color: #cf9307;
}
.bee-amber-theme .full-height-container form .button-container {
  background: white;
}
.bee-amber-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.bee-amber-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.bee-amber-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-amber-theme .box-checkbox.active-box-checkbox {
  background-color: #cf9307;
  color: white;
}
.bee-amber-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-amber-theme .box-radio.active-box-radio {
  background-color: #cf9307;
  color: white;
}
.bee-amber-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.bee-amber-theme .error {
  color: #e74737;
}
.bee-amber-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.bee-amber-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.bee-amber-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-amber-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.bee-amber-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-amber-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-amber-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.bee-amber-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.bee-amber-theme .ql-snow .ql-picker-options {
  background: white;
}
.bee-amber-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.bee-amber-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.bee-amber-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.bee-amber-theme .ql-snow .ql-fill,
.bee-amber-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.bee-amber-theme .ql-snow.ql-toolbar button:hover,
.bee-amber-theme .ql-snow .ql-toolbar button:hover,
.bee-amber-theme .ql-snow.ql-toolbar button:focus,
.bee-amber-theme .ql-snow .ql-toolbar button:focus,
.bee-amber-theme .ql-snow.ql-toolbar button.ql-active,
.bee-amber-theme .ql-snow .ql-toolbar button.ql-active,
.bee-amber-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.bee-amber-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.bee-amber-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.bee-amber-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.bee-amber-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.bee-amber-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.bee-amber-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.bee-amber-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.bee-amber-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.bee-amber-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.bee-amber-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.bee-amber-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.bee-amber-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.bee-amber-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.bee-amber-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-amber-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-amber-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-amber-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-amber-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-amber-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-amber-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-amber-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-amber-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-amber-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-amber-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-amber-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-amber-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-amber-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-amber-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-amber-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-amber-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-amber-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-amber-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-amber-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-amber-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.bee-amber-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.bee-amber-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.bee-amber-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.bee-amber-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.bee-amber-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.bee-amber-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.bee-amber-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.bee-amber-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-amber-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-amber-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-amber-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-amber-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-amber-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-amber-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-amber-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-amber-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.bee-amber-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.bee-amber-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.bee-amber-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.bee-amber-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.bee-amber-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.bee-amber-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-amber-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-amber-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-amber-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-amber-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-amber-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-amber-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.bee-amber-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.bee-amber-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-amber-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-amber-theme bee-form-item {
  margin-right: 0 !important;
}
.bee-amber-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.bee-amber-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #cf9307;
  height: 38px !important;
}
.bee-amber-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.bee-amber-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.bee-amber-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.bee-amber-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.bee-amber-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.bee-amber-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.bee-amber-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.bee-amber-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.bee-amber-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .bee-amber-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.bee-amber-theme .general-container .label-wrapper label {
  color: #cf9307 !important;
  background-color: white;
}
.bee-amber-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-amber-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.bee-amber-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.bee-amber-theme .general-container .bee-selector .bee-selector-container {
  border-color: #cf9307 !important;
}
.bee-amber-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.bee-amber-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.bee-amber-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.bee-amber-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.bee-amber-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.bee-amber-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-amber-theme .general-container .bee-selector .bee-selector-container:focus,
.bee-amber-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #cf9307;
}
.bee-amber-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.bee-amber-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #cf9307;
}
.bee-amber-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.bee-amber-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #cf9307;
}
.bee-amber-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bee-amber-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-amber-theme .general-container .bee-dropdown {
  background: white;
}
.bee-amber-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #cf9307;
}
.bee-amber-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.bee-amber-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.bee-amber-theme .general-container .selector-error {
  color: #e74737;
}
.bee-amber-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-amber-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.bee-amber-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-amber-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.bee-amber-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #cf9307;
}
.bee-amber-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bee-amber-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-amber-theme .move-image-action-container:hover {
  color: #cf9307;
}
.bee-amber-theme .info-icon {
  color: #cf9307;
}
.bee-amber-theme .email-chip {
  color: #cf9307 !important;
  background-color: rgba(207, 147, 7, 0.15) !important;
}
.bee-amber-theme .email-chip .mat-chip-remove {
  color: #cf9307 !important;
  opacity: 1 !important;
}
.bee-amber-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.bee-amber-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.bee-amber-theme .mat-badge-content {
  color: #cf9307 !important;
}
.bee-amber-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #cf9307 !important;
}
.bee-amber-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #cf9307 !important;
}
.bee-amber-theme #circle-lleno {
  background: #ffeddb;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.bee-amber-theme .primary-contrast-text-color {
  color: #000000 !important;
}
.bee-amber-theme .marine-color {
  color: #0f223e !important;
}
.bee-amber-theme .primary-color {
  color: #cf9307 !important;
}
.bee-amber-theme .gray-color {
  color: #C0C4CA !important;
}
.bee-amber-theme .primary-color-200 {
  color: #e7c983 !important;
}
.bee-amber-theme svg.primary-fill-svg {
  fill: #cf9307 !important;
}
.bee-amber-theme .primary-fill {
  fill: #cf9307 !important;
}
.bee-amber-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-amber-theme .primary-border-50 {
  border-color: #f9f2e1 !important;
}
.bee-amber-theme .primary-border-100 {
  border-color: #f1dfb5 !important;
}
.bee-amber-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.bee-amber-theme .transparent-border-100 {
  border-color: transparent !important;
}
.bee-amber-theme .primary-border-200 {
  border-color: #e7c983 !important;
}
.bee-amber-theme .primary-indicator .mat-expansion-indicator:after {
  color: #cf9307;
}
.bee-amber-theme .contrast-background {
  background-color: #000000 !important;
}
.bee-amber-theme .primary-color-small {
  color: rgba(207, 147, 7, 0.6);
}
.bee-amber-theme .marine-background {
  background-color: #0f223e !important;
}
.bee-amber-theme .primary-background {
  background-color: #cf9307 !important;
}
.bee-amber-theme .primary-background-50 {
  background-color: #f9f2e1 !important;
}
.bee-amber-theme .primary-background-200 {
  background-color: #e7c983 !important;
}
.bee-amber-theme .primary-background-800 {
  background-color: #bd7604 !important;
}
.bee-amber-theme .white-color {
  color: white !important;
}
.bee-amber-theme .secondary-color {
  color: #ffeddb !important;
}
.bee-amber-theme .secondary-background {
  background-color: #ffeddb !important;
}
.bee-amber-theme .secondary-background-semi {
  background-color: #cf9307 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #cf9307 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-amber-theme .secondary-background-full {
  background-color: #cf9307 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #cf9307 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-amber-theme .secondary-background-empty {
  background-color: #cf9307 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #cf9307 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-amber-theme .secondary-border {
  background-color: #ffeddb !important;
}
.bee-amber-theme .tertiary-color {
  color: #ffba75 !important;
}
.bee-amber-theme button.button-tertiary {
  background-color: #ffba75 !important;
  color: #cf9307 !important;
  border: 1px solid #cf9307 !important;
}
.bee-amber-theme span.red-text {
  color: #DB1F35 !important;
}
.bee-amber-theme .tertiary-background {
  background-color: #ffba75 !important;
}
.bee-amber-theme .tertiary-border {
  border-color: #ffba75 !important;
}
.bee-amber-theme .dark-background {
  background-color: black !important;
}
.bee-amber-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.bee-amber-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.bee-amber-theme .primary-soft-background {
  background-color: rgba(207, 147, 7, 0.1) !important;
}
.bee-amber-theme .primary-soft-background:hover {
  background-color: rgba(207, 147, 7, 0.15) !important;
}
.bee-amber-theme .primary-border {
  border-color: #cf9307 !important;
}
.bee-amber-theme .default-background {
  background-color: #fafafa !important;
}
.bee-amber-theme .hover-primary:hover {
  color: #cf9307 !important;
}
.bee-amber-theme .hover-primary-background:hover {
  background-color: #cf9307 !important;
}
.bee-amber-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.bee-amber-theme .warn-color {
  color: #e74737 !important;
}
.bee-amber-theme .warn-border {
  border-color: #e74737 !important;
}
.bee-amber-theme .accent-color {
  color: #cddc39 !important;
}
.bee-amber-theme .accent-background {
  background-color: #cddc39 !important;
}
.bee-amber-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.bee-amber-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.bee-amber-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.bee-amber-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-amber-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-amber-theme .dialog-table tr .action-icon {
  color: transparent;
}
.bee-amber-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bee-amber-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.bee-amber-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #cf9307;
}
.bee-amber-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-amber-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-amber-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.bee-amber-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.bee-amber-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.bee-amber-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-amber-theme .card-table tr .action-icon {
  color: transparent;
}
.bee-amber-theme .card-table tr .action-icon button {
  color: transparent;
}
.bee-amber-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-amber-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-amber-theme .card-table tr:hover .action-icon button {
  color: #cf9307;
}
.bee-amber-theme .card-table tr:hover .action-icon:hover {
  color: #cf9307;
}
.bee-amber-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-amber-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.bee-amber-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-amber-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-amber-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #cf9307;
}
.bee-amber-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-amber-theme .no-hover-table tr:hover {
  background: white;
}
.bee-amber-theme .custom-standard-chip {
  background-color: rgba(207, 147, 7, 0.1) !important;
  color: #cf9307 !important;
}
.bee-amber-theme .help-dashboard-card .mat-icon {
  color: #cf9307;
}
.bee-amber-theme .help-dashboard-card:hover {
  background-color: #cf9307;
}
.bee-amber-theme .help-dashboard-card:hover .mat-icon,
.bee-amber-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.bee-amber-theme .room-open {
  background-color: #cf9307 !important;
  color: white !important;
}
.bee-amber-theme .room-open:hover {
  background-color: #cf9307 !important;
  color: white !important;
}
.bee-amber-theme #public-office-page-groups .public-group-button-hover {
  background-color: #cf9307 !important;
  color: white !important;
}
.bee-amber-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-amber-theme .notification-container .show-tip {
  color: transparent;
}
.bee-amber-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-amber-theme .notification-container:hover .show-tip {
  color: #cf9307;
}
.bee-amber-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-amber-theme .notification-container .notification-subject .mat-icon {
  color: #cf9307;
}
.bee-amber-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-amber-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-amber-theme .message-container .show-tip {
  color: transparent;
}
.bee-amber-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-amber-theme .message-container:hover .show-tip {
  color: #cf9307;
}
.bee-amber-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-amber-theme .message-container .message-subject .mat-icon {
  color: #cf9307;
}
.bee-amber-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-amber-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.bee-amber-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.bee-amber-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.bee-amber-theme .primary-200-outline input {
  caret-color: #e7c983;
  color: #cf9307;
}
.bee-amber-theme .primary-200-outline label {
  color: #e7c983;
}
.bee-amber-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #e7c983 !important;
}
.bee-amber-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #e7c983;
}
.bee-amber-theme mat-form-field .primary-outline label {
  color: #cf9307 !important;
}
.bee-amber-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #cf9307 !important;
}
.bee-amber-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #cf9307 !important;
}
.bee-amber-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.bee-amber-theme .input-primary input {
  caret-color: #cf9307;
  color: #cf9307;
}
.bee-amber-theme .input-primary label {
  color: #cf9307;
}
.bee-amber-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #cf9307 !important;
}
.bee-amber-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.bee-amber-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #cf9307;
  border-width: 1px;
}
.bee-amber-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.bee-amber-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.bee-amber-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.bee-amber-theme .boton-recarga {
  background-color: #cf9307;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.bee-amber-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.bee-amber-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
}
.bee-amber-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.bee-amber-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.bee-amber-theme .header-container button {
  padding: 0 !important;
}
.bee-amber-theme .header-container .mat-button {
  min-width: unset !important;
}
.bee-amber-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.bee-amber-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bee-amber-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.bee-amber-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.bee-amber-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.bee-amber-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-amber-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-amber-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-amber-theme .input-recarga-marine {
  border: 1px solid #cf9307 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.bee-amber-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-amber-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-amber-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-amber-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-amber-theme .color-primary {
  color: #cf9307 !important;
  fill: #cf9307 !important;
}
.bee-amber-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.bee-amber-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.bee-amber-theme .primary-contrast {
  color: #000000 !important;
}
.bee-amber-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #cf9307 !important;
}
.bee-amber-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #cf9307 !important;
}
.bee-amber-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.bee-amber-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #cf9307 !important;
}
.bee-amber-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-amber-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-amber-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-amber-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #cf9307 !important;
}
.bee-amber-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #cf9307 !important;
}
.bee-amber-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #cf9307 !important;
}
.bee-amber-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #cf9307 !important;
}
.bee-amber-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #cf9307 !important;
}
.bee-amber-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-amber-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #cf9307 !important;
}
.bee-amber-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-amber-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #cf9307 !important;
}
.bee-amber-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-amber-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-amber-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #cf9307 !important;
}
.bee-amber-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #ffeddb !important;
}
.bee-amber-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-amber-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #cf9307 !important;
}
.bee-amber-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #cf9307 !important;
}
.bee-amber-theme .mat-checkbox-checked .mat-checkbox-background,
.bee-amber-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #cf9307 !important;
}
.bee-amber-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #cf9307 !important;
}
.bee-amber-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-amber-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #cf9307 !important;
}
.bee-amber-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-amber-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #cf9307 !important;
}
.bee-amber-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #e7c983 !important;
}
.bee-amber-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #cf9307 !important;
}
.bee-amber-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-amber-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.bee-amber-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.bee-amber-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.bee-amber-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #cf9307 !important;
}
.bee-amber-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #cf9307 !important;
}
.bee-amber-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cf9307 !important;
}
.bee-amber-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-amber-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #cf9307 !important;
}
.bee-amber-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cf9307 !important;
}
.bee-amber-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #cf9307 !important;
}
.bee-amber-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.bee-amber-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.bee-amber-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #cf9307 !important;
}
.bee-amber-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cf9307 !important;
}
.bee-amber-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-amber-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-amber-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cf9307 !important;
}
.bee-amber-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-amber-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-amber-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-amber-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cf9307 !important;
}
.bee-amber-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.bee-amber-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cf9307 !important;
}
.bee-amber-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #cf9307 !important;
}
.bee-amber-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cf9307 !important;
}
.bee-amber-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.bee-amber-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.bee-amber-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.bee-amber-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #cf9307 !important;
}
.bee-amber-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #cf9307 !important;
}
.bee-amber-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffeddb !important;
}
.bee-amber-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffeddb !important;
}
.bee-amber-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.bee-amber-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #cf9307 !important;
}
.bee-amber-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #cf9307 !important;
}
.bee-amber-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.bee-amber-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #cf9307 !important;
}
.bee-amber-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #cf9307 !important;
}
.bee-amber-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.bee-amber-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.bee-amber-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.bee-amber-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ffeddb !important;
}
.bee-amber-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffeddb !important;
}
.bee-amber-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.bee-amber-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.bee-amber-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffba75 !important;
}
.bee-amber-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffba75 !important;
}
.bee-amber-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffba75 !important;
}
.bee-amber-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ffba75 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bee-amber-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ffba75 !important;
}
.bee-amber-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #ffba75 !important;
}
.bee-amber-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #cf9307 !important;
}
.bee-amber-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #cf9307 !important;
}
.bee-amber-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #cf9307 !important;
}
.bee-amber-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #000000 !important;
}
.bee-amber-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.bee-amber-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #000000 !important;
}
.bee-amber-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.bee-amber-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.bee-amber-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #cf9307 !important;
}
.bee-amber-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #cf9307 !important;
}
.bee-amber-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #cf9307 !important;
}
.bee-amber-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #cf9307 !important;
}
.bee-amber-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #cf9307 !important;
}
.bee-amber-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #cf9307 !important;
}
.bee-amber-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.bee-amber-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #000000;
  background-color: #cf9307 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.bee-amber-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.bee-amber-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.bee-amber-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.bee-amber-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.bee-amber-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.bee-amber-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #ffeddb !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-amber-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #cf9307 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #cf9307 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-amber-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #cf9307 !important;
}
.bee-amber-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.bee-amber-theme .button-text-hidden {
  display: none;
}
.bee-orange-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #d17603;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #cddc39;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #cddc39;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #d17603 87%, transparent);
  --mat-form-field-filled-caret-color: #d17603;
  --mat-form-field-filled-focus-active-indicator-color: #d17603;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #d17603 87%, transparent);
  --mat-form-field-outlined-caret-color: #d17603;
  --mat-form-field-outlined-focus-outline-color: #d17603;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #d17603 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #d17603;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #d17603;
  --mat-slide-toggle-selected-handle-color: #d17603;
  --mat-slide-toggle-selected-hover-state-layer-color: #d17603;
  --mat-slide-toggle-selected-pressed-state-layer-color: #d17603;
  --mat-slide-toggle-selected-focus-handle-color: #d17603;
  --mat-slide-toggle-selected-hover-handle-color: #d17603;
  --mat-slide-toggle-selected-pressed-handle-color: #d17603;
  --mat-slide-toggle-selected-focus-track-color: #df9f4f;
  --mat-slide-toggle-selected-hover-track-color: #df9f4f;
  --mat-slide-toggle-selected-pressed-track-color: #df9f4f;
  --mat-slide-toggle-selected-track-color: #df9f4f;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #d17603;
  --mat-slider-focus-handle-color: #d17603;
  --mat-slider-handle-color: #d17603;
  --mat-slider-hover-handle-color: #d17603;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #d17603 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #d17603 4%, transparent);
  --mat-slider-inactive-track-color: #d17603;
  --mat-slider-ripple-color: #d17603;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #d17603;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #cddc39;
  --mat-checkbox-selected-hover-icon-color: #cddc39;
  --mat-checkbox-selected-icon-color: #cddc39;
  --mat-checkbox-selected-pressed-icon-color: #cddc39;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #cddc39;
  --mat-checkbox-selected-hover-state-layer-color: #cddc39;
  --mat-checkbox-selected-pressed-state-layer-color: #cddc39;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #df9f4f;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #d17603;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #d17603;
  --mat-badge-text-color: #000000;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #d17603 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #d17603;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #d17603 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #d17603 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #d17603 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #d17603;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #d17603;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #d17603;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #d17603;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #d17603;
  --mat-slide-toggle-selected-handle-color: #d17603;
  --mat-slide-toggle-selected-hover-state-layer-color: #d17603;
  --mat-slide-toggle-selected-pressed-state-layer-color: #d17603;
  --mat-slide-toggle-selected-focus-handle-color: #d17603;
  --mat-slide-toggle-selected-hover-handle-color: #d17603;
  --mat-slide-toggle-selected-pressed-handle-color: #d17603;
  --mat-slide-toggle-selected-focus-track-color: #df9f4f;
  --mat-slide-toggle-selected-hover-track-color: #df9f4f;
  --mat-slide-toggle-selected-pressed-track-color: #df9f4f;
  --mat-slide-toggle-selected-track-color: #df9f4f;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-orange-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #cddc39;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-orange-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-orange-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #d17603;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #d17603;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-orange-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #cddc39;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #cddc39;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-orange-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-orange-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #d17603;
  --mat-progress-bar-track-color: rgba(209, 118, 3, 0.25);
}
.bee-orange-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #cddc39;
  --mat-progress-bar-track-color: rgba(205, 220, 57, 0.25);
}
.bee-orange-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.bee-orange-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #cddc39 87%, transparent);
  --mat-form-field-filled-caret-color: #cddc39;
  --mat-form-field-filled-focus-active-indicator-color: #cddc39;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #cddc39 87%, transparent);
  --mat-form-field-outlined-caret-color: #cddc39;
  --mat-form-field-outlined-focus-outline-color: #cddc39;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #cddc39 87%, transparent);
}
.bee-orange-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.bee-orange-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #cddc39;
  --mat-select-invalid-arrow-color: #e74737;
}
.bee-orange-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.bee-orange-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.bee-orange-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-orange-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.bee-orange-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #d17603;
  --mat-chip-elevated-disabled-container-color: #d17603;
  --mat-chip-elevated-selected-container-color: #d17603;
  --mat-chip-flat-disabled-selected-container-color: #d17603;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.bee-orange-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.bee-orange-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: #cddc39;
  --mat-chip-elevated-disabled-container-color: #cddc39;
  --mat-chip-elevated-selected-container-color: #cddc39;
  --mat-chip-flat-disabled-selected-container-color: #cddc39;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-orange-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.bee-orange-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bee-orange-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.bee-orange-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.bee-orange-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-focus-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-handle-color: #cddc39;
  --mat-slide-toggle-selected-pressed-handle-color: #cddc39;
  --mat-slide-toggle-selected-focus-track-color: #dce775;
  --mat-slide-toggle-selected-hover-track-color: #dce775;
  --mat-slide-toggle-selected-pressed-track-color: #dce775;
  --mat-slide-toggle-selected-track-color: #dce775;
}
.bee-orange-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bee-orange-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-orange-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #d17603;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #d17603;
  --mat-radio-selected-hover-icon-color: #d17603;
  --mat-radio-selected-icon-color: #d17603;
  --mat-radio-selected-pressed-icon-color: #d17603;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-orange-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #cddc39;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #cddc39;
  --mat-radio-selected-hover-icon-color: #cddc39;
  --mat-radio-selected-icon-color: #cddc39;
  --mat-radio-selected-pressed-icon-color: #cddc39;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-orange-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-orange-theme .mat-accent {
  --mat-slider-active-track-color: #cddc39;
  --mat-slider-focus-handle-color: #cddc39;
  --mat-slider-handle-color: #cddc39;
  --mat-slider-hover-handle-color: #cddc39;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #cddc39 4%, transparent);
  --mat-slider-inactive-track-color: #cddc39;
  --mat-slider-ripple-color: #cddc39;
  --mat-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-inactive-container-color: #cddc39;
}
.bee-orange-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.bee-orange-theme .mdc-list-item__start,
.bee-orange-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #d17603;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #d17603;
  --mat-radio-selected-hover-icon-color: #d17603;
  --mat-radio-selected-icon-color: #d17603;
  --mat-radio-selected-pressed-icon-color: #d17603;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-orange-theme .mat-accent .mdc-list-item__start,
.bee-orange-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #cddc39;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #cddc39;
  --mat-radio-selected-hover-icon-color: #cddc39;
  --mat-radio-selected-icon-color: #cddc39;
  --mat-radio-selected-pressed-icon-color: #cddc39;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-orange-theme .mat-warn .mdc-list-item__start,
.bee-orange-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-orange-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #d17603;
  --mat-checkbox-selected-hover-icon-color: #d17603;
  --mat-checkbox-selected-icon-color: #d17603;
  --mat-checkbox-selected-pressed-icon-color: #d17603;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #d17603;
  --mat-checkbox-selected-hover-state-layer-color: #d17603;
  --mat-checkbox-selected-pressed-state-layer-color: #d17603;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-orange-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #cddc39;
  --mat-checkbox-selected-hover-icon-color: #cddc39;
  --mat-checkbox-selected-icon-color: #cddc39;
  --mat-checkbox-selected-pressed-icon-color: #cddc39;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #cddc39;
  --mat-checkbox-selected-hover-state-layer-color: #cddc39;
  --mat-checkbox-selected-pressed-state-layer-color: #cddc39;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-orange-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-orange-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.bee-orange-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.bee-orange-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.bee-orange-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #d17603;
}
.bee-orange-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.bee-orange-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.bee-orange-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.bee-orange-theme .mdc-list-item__start,
.bee-orange-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.bee-orange-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.bee-orange-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.bee-orange-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.bee-orange-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.bee-orange-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.bee-orange-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.bee-orange-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.bee-orange-theme .mat-mdc-tab-group,
.bee-orange-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #d17603;
  --mat-tab-active-ripple-color: #d17603;
  --mat-tab-inactive-ripple-color: #d17603;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #d17603;
  --mat-tab-active-hover-label-text-color: #d17603;
  --mat-tab-active-focus-indicator-color: #d17603;
  --mat-tab-active-hover-indicator-color: #d17603;
  --mat-tab-active-indicator-color: #d17603;
}
.bee-orange-theme .mat-mdc-tab-group.mat-accent,
.bee-orange-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #cddc39;
  --mat-tab-active-ripple-color: #cddc39;
  --mat-tab-inactive-ripple-color: #cddc39;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #cddc39;
  --mat-tab-active-hover-label-text-color: #cddc39;
  --mat-tab-active-focus-indicator-color: #cddc39;
  --mat-tab-active-hover-indicator-color: #cddc39;
  --mat-tab-active-indicator-color: #cddc39;
}
.bee-orange-theme .mat-mdc-tab-group.mat-warn,
.bee-orange-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.bee-orange-theme .mat-mdc-tab-group.mat-background-primary,
.bee-orange-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #d17603;
  --mat-tab-foreground-color: #000000;
}
.bee-orange-theme .mat-mdc-tab-group.mat-background-accent,
.bee-orange-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #cddc39;
  --mat-tab-foreground-color: rgba(0, 0, 0, 0.87);
}
.bee-orange-theme .mat-mdc-tab-group.mat-background-warn,
.bee-orange-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.bee-orange-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.bee-orange-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.bee-orange-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #d17603;
  --mat-checkbox-selected-hover-icon-color: #d17603;
  --mat-checkbox-selected-icon-color: #d17603;
  --mat-checkbox-selected-pressed-icon-color: #d17603;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #d17603;
  --mat-checkbox-selected-hover-state-layer-color: #d17603;
  --mat-checkbox-selected-pressed-state-layer-color: #d17603;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-orange-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-orange-theme .mat-mdc-button.mat-primary,
.bee-orange-theme .mat-mdc-unelevated-button.mat-primary,
.bee-orange-theme .mat-mdc-raised-button.mat-primary,
.bee-orange-theme .mat-mdc-outlined-button.mat-primary,
.bee-orange-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #d17603;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #d17603;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #d17603 12%, transparent);
  --mat-button-outlined-state-layer-color: #d17603;
  --mat-button-protected-container-color: #d17603;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #d17603;
  --mat-button-text-ripple-color: color-mix(in srgb, #d17603 12%, transparent);
  --mat-button-text-state-layer-color: #d17603;
  --mat-button-tonal-container-color: #d17603;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.bee-orange-theme .mat-mdc-button.mat-accent,
.bee-orange-theme .mat-mdc-unelevated-button.mat-accent,
.bee-orange-theme .mat-mdc-raised-button.mat-accent,
.bee-orange-theme .mat-mdc-outlined-button.mat-accent,
.bee-orange-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #cddc39;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-label-text-color: #cddc39;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-button-outlined-state-layer-color: #cddc39;
  --mat-button-protected-container-color: #cddc39;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-label-text-color: #cddc39;
  --mat-button-text-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-button-text-state-layer-color: #cddc39;
  --mat-button-tonal-container-color: #cddc39;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-orange-theme .mat-mdc-button.mat-warn,
.bee-orange-theme .mat-mdc-unelevated-button.mat-warn,
.bee-orange-theme .mat-mdc-raised-button.mat-warn,
.bee-orange-theme .mat-mdc-outlined-button.mat-warn,
.bee-orange-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bee-orange-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #d17603;
  --mat-icon-button-state-layer-color: #d17603;
  --mat-icon-button-ripple-color: color-mix(in srgb, #d17603 12%, transparent);
}
.bee-orange-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #cddc39;
  --mat-icon-button-state-layer-color: #cddc39;
  --mat-icon-button-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
}
.bee-orange-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.bee-orange-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.bee-orange-theme .mat-mdc-fab.mat-primary,
.bee-orange-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #d17603;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #d17603 12%, transparent);
  --mat-fab-small-container-color: #d17603;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.bee-orange-theme .mat-mdc-fab.mat-accent,
.bee-orange-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #cddc39;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-fab-small-container-color: #cddc39;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-orange-theme .mat-mdc-fab.mat-warn,
.bee-orange-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bee-orange-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #cddc39;
}
.bee-orange-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.bee-orange-theme .mat-badge-accent {
  --mat-badge-background-color: #cddc39;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
}
.bee-orange-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.bee-orange-theme .mat-datepicker-content.mat-accent,
.bee-orange-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #cddc39;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #cddc39 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #cddc39 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #cddc39;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-orange-theme .mat-datepicker-content.mat-warn,
.bee-orange-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-orange-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.bee-orange-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.bee-orange-theme .mat-icon.mat-primary {
  --mat-icon-color: #d17603;
}
.bee-orange-theme .mat-icon.mat-accent {
  --mat-icon-color: #cddc39;
}
.bee-orange-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.bee-orange-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #cddc39;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #cddc39;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #cddc39;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}
.bee-orange-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.bee-orange-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #d17603;
  --mat-toolbar-container-text-color: #000000;
}
.bee-orange-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #cddc39;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-orange-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.bee-orange-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-focus-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-handle-color: #cddc39;
  --mat-slide-toggle-selected-pressed-handle-color: #cddc39;
  --mat-slide-toggle-selected-focus-track-color: #dce775;
  --mat-slide-toggle-selected-hover-track-color: #dce775;
  --mat-slide-toggle-selected-pressed-track-color: #dce775;
  --mat-slide-toggle-selected-track-color: #dce775;
}
.bee-orange-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bee-orange-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-orange-theme .back-container {
  color: #d17603;
}
.bee-orange-theme .back-container:hover {
  opacity: 0.54;
}
.bee-orange-theme .warn-text {
  color: #e74737;
}
.bee-orange-theme .inside-modal-title.primary-colored-title,
.bee-orange-theme .form-title.primary-colored-title {
  color: #d17603;
}
.bee-orange-theme .full-height-container form .button-container {
  background: white;
}
.bee-orange-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.bee-orange-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.bee-orange-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-orange-theme .box-checkbox.active-box-checkbox {
  background-color: #d17603;
  color: white;
}
.bee-orange-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-orange-theme .box-radio.active-box-radio {
  background-color: #d17603;
  color: white;
}
.bee-orange-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.bee-orange-theme .error {
  color: #e74737;
}
.bee-orange-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.bee-orange-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.bee-orange-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-orange-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.bee-orange-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-orange-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-orange-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.bee-orange-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.bee-orange-theme .ql-snow .ql-picker-options {
  background: white;
}
.bee-orange-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.bee-orange-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.bee-orange-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.bee-orange-theme .ql-snow .ql-fill,
.bee-orange-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.bee-orange-theme .ql-snow.ql-toolbar button:hover,
.bee-orange-theme .ql-snow .ql-toolbar button:hover,
.bee-orange-theme .ql-snow.ql-toolbar button:focus,
.bee-orange-theme .ql-snow .ql-toolbar button:focus,
.bee-orange-theme .ql-snow.ql-toolbar button.ql-active,
.bee-orange-theme .ql-snow .ql-toolbar button.ql-active,
.bee-orange-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.bee-orange-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.bee-orange-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.bee-orange-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.bee-orange-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.bee-orange-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.bee-orange-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.bee-orange-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.bee-orange-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.bee-orange-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.bee-orange-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.bee-orange-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.bee-orange-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.bee-orange-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.bee-orange-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-orange-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-orange-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-orange-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-orange-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-orange-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-orange-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-orange-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-orange-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-orange-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-orange-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-orange-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-orange-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-orange-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-orange-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-orange-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-orange-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-orange-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-orange-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-orange-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-orange-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.bee-orange-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.bee-orange-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.bee-orange-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.bee-orange-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.bee-orange-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.bee-orange-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.bee-orange-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.bee-orange-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-orange-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-orange-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-orange-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-orange-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-orange-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-orange-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-orange-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-orange-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.bee-orange-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.bee-orange-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.bee-orange-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.bee-orange-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.bee-orange-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.bee-orange-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-orange-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-orange-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-orange-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-orange-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-orange-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-orange-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.bee-orange-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.bee-orange-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-orange-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-orange-theme bee-form-item {
  margin-right: 0 !important;
}
.bee-orange-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.bee-orange-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #d17603;
  height: 38px !important;
}
.bee-orange-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.bee-orange-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.bee-orange-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.bee-orange-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.bee-orange-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.bee-orange-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.bee-orange-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.bee-orange-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.bee-orange-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .bee-orange-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.bee-orange-theme .general-container .label-wrapper label {
  color: #d17603 !important;
  background-color: white;
}
.bee-orange-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-orange-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.bee-orange-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.bee-orange-theme .general-container .bee-selector .bee-selector-container {
  border-color: #d17603 !important;
}
.bee-orange-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.bee-orange-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.bee-orange-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.bee-orange-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.bee-orange-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.bee-orange-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-orange-theme .general-container .bee-selector .bee-selector-container:focus,
.bee-orange-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #d17603;
}
.bee-orange-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.bee-orange-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #d17603;
}
.bee-orange-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.bee-orange-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #d17603;
}
.bee-orange-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bee-orange-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-orange-theme .general-container .bee-dropdown {
  background: white;
}
.bee-orange-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #d17603;
}
.bee-orange-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.bee-orange-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.bee-orange-theme .general-container .selector-error {
  color: #e74737;
}
.bee-orange-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-orange-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.bee-orange-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-orange-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.bee-orange-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #d17603;
}
.bee-orange-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bee-orange-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-orange-theme .move-image-action-container:hover {
  color: #d17603;
}
.bee-orange-theme .info-icon {
  color: #d17603;
}
.bee-orange-theme .email-chip {
  color: #d17603 !important;
  background-color: rgba(209, 118, 3, 0.15) !important;
}
.bee-orange-theme .email-chip .mat-chip-remove {
  color: #d17603 !important;
  opacity: 1 !important;
}
.bee-orange-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.bee-orange-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.bee-orange-theme .mat-badge-content {
  color: #d17603 !important;
}
.bee-orange-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #d17603 !important;
}
.bee-orange-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #d17603 !important;
}
.bee-orange-theme #circle-lleno {
  background: #ffe8de;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.bee-orange-theme .primary-contrast-text-color {
  color: #000000 !important;
}
.bee-orange-theme .marine-color {
  color: #0f223e !important;
}
.bee-orange-theme .primary-color {
  color: #d17603 !important;
}
.bee-orange-theme .gray-color {
  color: #C0C4CA !important;
}
.bee-orange-theme .primary-color-200 {
  color: #e8bb81 !important;
}
.bee-orange-theme svg.primary-fill-svg {
  fill: #d17603 !important;
}
.bee-orange-theme .primary-fill {
  fill: #d17603 !important;
}
.bee-orange-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-orange-theme .primary-border-50 {
  border-color: #f9efe1 !important;
}
.bee-orange-theme .primary-border-100 {
  border-color: #f1d6b3 !important;
}
.bee-orange-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.bee-orange-theme .transparent-border-100 {
  border-color: transparent !important;
}
.bee-orange-theme .primary-border-200 {
  border-color: #e8bb81 !important;
}
.bee-orange-theme .primary-indicator .mat-expansion-indicator:after {
  color: #d17603;
}
.bee-orange-theme .contrast-background {
  background-color: #000000 !important;
}
.bee-orange-theme .primary-color-small {
  color: rgba(209, 118, 3, 0.6);
}
.bee-orange-theme .marine-background {
  background-color: #0f223e !important;
}
.bee-orange-theme .primary-background {
  background-color: #d17603 !important;
}
.bee-orange-theme .primary-background-50 {
  background-color: #f9efe1 !important;
}
.bee-orange-theme .primary-background-200 {
  background-color: #e8bb81 !important;
}
.bee-orange-theme .primary-background-800 {
  background-color: #c05902 !important;
}
.bee-orange-theme .white-color {
  color: white !important;
}
.bee-orange-theme .secondary-color {
  color: #ffe8de !important;
}
.bee-orange-theme .secondary-background {
  background-color: #ffe8de !important;
}
.bee-orange-theme .secondary-background-semi {
  background-color: #d17603 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #d17603 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-orange-theme .secondary-background-full {
  background-color: #d17603 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #d17603 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-orange-theme .secondary-background-empty {
  background-color: #d17603 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #d17603 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-orange-theme .secondary-border {
  background-color: #ffe8de !important;
}
.bee-orange-theme .tertiary-color {
  color: #ffa278 !important;
}
.bee-orange-theme button.button-tertiary {
  background-color: #ffa278 !important;
  color: #d17603 !important;
  border: 1px solid #d17603 !important;
}
.bee-orange-theme span.red-text {
  color: #DB1F35 !important;
}
.bee-orange-theme .tertiary-background {
  background-color: #ffa278 !important;
}
.bee-orange-theme .tertiary-border {
  border-color: #ffa278 !important;
}
.bee-orange-theme .dark-background {
  background-color: black !important;
}
.bee-orange-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.bee-orange-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.bee-orange-theme .primary-soft-background {
  background-color: rgba(209, 118, 3, 0.1) !important;
}
.bee-orange-theme .primary-soft-background:hover {
  background-color: rgba(209, 118, 3, 0.15) !important;
}
.bee-orange-theme .primary-border {
  border-color: #d17603 !important;
}
.bee-orange-theme .default-background {
  background-color: #fafafa !important;
}
.bee-orange-theme .hover-primary:hover {
  color: #d17603 !important;
}
.bee-orange-theme .hover-primary-background:hover {
  background-color: #d17603 !important;
}
.bee-orange-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.bee-orange-theme .warn-color {
  color: #e74737 !important;
}
.bee-orange-theme .warn-border {
  border-color: #e74737 !important;
}
.bee-orange-theme .accent-color {
  color: #cddc39 !important;
}
.bee-orange-theme .accent-background {
  background-color: #cddc39 !important;
}
.bee-orange-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.bee-orange-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.bee-orange-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.bee-orange-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-orange-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-orange-theme .dialog-table tr .action-icon {
  color: transparent;
}
.bee-orange-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bee-orange-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.bee-orange-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #d17603;
}
.bee-orange-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-orange-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-orange-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.bee-orange-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.bee-orange-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.bee-orange-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-orange-theme .card-table tr .action-icon {
  color: transparent;
}
.bee-orange-theme .card-table tr .action-icon button {
  color: transparent;
}
.bee-orange-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-orange-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-orange-theme .card-table tr:hover .action-icon button {
  color: #d17603;
}
.bee-orange-theme .card-table tr:hover .action-icon:hover {
  color: #d17603;
}
.bee-orange-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-orange-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.bee-orange-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-orange-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-orange-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #d17603;
}
.bee-orange-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-orange-theme .no-hover-table tr:hover {
  background: white;
}
.bee-orange-theme .custom-standard-chip {
  background-color: rgba(209, 118, 3, 0.1) !important;
  color: #d17603 !important;
}
.bee-orange-theme .help-dashboard-card .mat-icon {
  color: #d17603;
}
.bee-orange-theme .help-dashboard-card:hover {
  background-color: #d17603;
}
.bee-orange-theme .help-dashboard-card:hover .mat-icon,
.bee-orange-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.bee-orange-theme .room-open {
  background-color: #d17603 !important;
  color: white !important;
}
.bee-orange-theme .room-open:hover {
  background-color: #d17603 !important;
  color: white !important;
}
.bee-orange-theme #public-office-page-groups .public-group-button-hover {
  background-color: #d17603 !important;
  color: white !important;
}
.bee-orange-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-orange-theme .notification-container .show-tip {
  color: transparent;
}
.bee-orange-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-orange-theme .notification-container:hover .show-tip {
  color: #d17603;
}
.bee-orange-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-orange-theme .notification-container .notification-subject .mat-icon {
  color: #d17603;
}
.bee-orange-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-orange-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-orange-theme .message-container .show-tip {
  color: transparent;
}
.bee-orange-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-orange-theme .message-container:hover .show-tip {
  color: #d17603;
}
.bee-orange-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-orange-theme .message-container .message-subject .mat-icon {
  color: #d17603;
}
.bee-orange-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-orange-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.bee-orange-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.bee-orange-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.bee-orange-theme .primary-200-outline input {
  caret-color: #e8bb81;
  color: #d17603;
}
.bee-orange-theme .primary-200-outline label {
  color: #e8bb81;
}
.bee-orange-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #e8bb81 !important;
}
.bee-orange-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #e8bb81;
}
.bee-orange-theme mat-form-field .primary-outline label {
  color: #d17603 !important;
}
.bee-orange-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #d17603 !important;
}
.bee-orange-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #d17603 !important;
}
.bee-orange-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.bee-orange-theme .input-primary input {
  caret-color: #d17603;
  color: #d17603;
}
.bee-orange-theme .input-primary label {
  color: #d17603;
}
.bee-orange-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #d17603 !important;
}
.bee-orange-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.bee-orange-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #d17603;
  border-width: 1px;
}
.bee-orange-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.bee-orange-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.bee-orange-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.bee-orange-theme .boton-recarga {
  background-color: #d17603;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.bee-orange-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.bee-orange-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
}
.bee-orange-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.bee-orange-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.bee-orange-theme .header-container button {
  padding: 0 !important;
}
.bee-orange-theme .header-container .mat-button {
  min-width: unset !important;
}
.bee-orange-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.bee-orange-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bee-orange-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.bee-orange-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.bee-orange-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.bee-orange-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-orange-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-orange-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-orange-theme .input-recarga-marine {
  border: 1px solid #d17603 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.bee-orange-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-orange-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-orange-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-orange-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-orange-theme .color-primary {
  color: #d17603 !important;
  fill: #d17603 !important;
}
.bee-orange-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.bee-orange-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.bee-orange-theme .primary-contrast {
  color: #000000 !important;
}
.bee-orange-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #d17603 !important;
}
.bee-orange-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #d17603 !important;
}
.bee-orange-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.bee-orange-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #d17603 !important;
}
.bee-orange-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-orange-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-orange-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-orange-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #d17603 !important;
}
.bee-orange-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #d17603 !important;
}
.bee-orange-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #d17603 !important;
}
.bee-orange-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #d17603 !important;
}
.bee-orange-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #d17603 !important;
}
.bee-orange-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-orange-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #d17603 !important;
}
.bee-orange-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-orange-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #d17603 !important;
}
.bee-orange-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-orange-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-orange-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #d17603 !important;
}
.bee-orange-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #ffe8de !important;
}
.bee-orange-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-orange-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #d17603 !important;
}
.bee-orange-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #d17603 !important;
}
.bee-orange-theme .mat-checkbox-checked .mat-checkbox-background,
.bee-orange-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #d17603 !important;
}
.bee-orange-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #d17603 !important;
}
.bee-orange-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-orange-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #d17603 !important;
}
.bee-orange-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-orange-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #d17603 !important;
}
.bee-orange-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #e8bb81 !important;
}
.bee-orange-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #d17603 !important;
}
.bee-orange-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-orange-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #000000 !important;
}
.bee-orange-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.bee-orange-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.bee-orange-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #d17603 !important;
}
.bee-orange-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #d17603 !important;
}
.bee-orange-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #d17603 !important;
}
.bee-orange-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-orange-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #d17603 !important;
}
.bee-orange-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #d17603 !important;
}
.bee-orange-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #d17603 !important;
}
.bee-orange-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.bee-orange-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.bee-orange-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #d17603 !important;
}
.bee-orange-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #d17603 !important;
}
.bee-orange-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-orange-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-orange-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #d17603 !important;
}
.bee-orange-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-orange-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-orange-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-orange-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #d17603 !important;
}
.bee-orange-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.bee-orange-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #d17603 !important;
}
.bee-orange-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #d17603 !important;
}
.bee-orange-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #d17603 !important;
}
.bee-orange-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.bee-orange-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.bee-orange-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #000000 !important;
}
.bee-orange-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #d17603 !important;
}
.bee-orange-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #d17603 !important;
}
.bee-orange-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffe8de !important;
}
.bee-orange-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffe8de !important;
}
.bee-orange-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.bee-orange-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #d17603 !important;
}
.bee-orange-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #d17603 !important;
}
.bee-orange-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.bee-orange-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #d17603 !important;
}
.bee-orange-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #d17603 !important;
}
.bee-orange-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.bee-orange-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #000000 !important;
}
.bee-orange-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.bee-orange-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ffe8de !important;
}
.bee-orange-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffe8de !important;
}
.bee-orange-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.bee-orange-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.bee-orange-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffa278 !important;
}
.bee-orange-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffa278 !important;
}
.bee-orange-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffa278 !important;
}
.bee-orange-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ffa278 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bee-orange-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ffa278 !important;
}
.bee-orange-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #ffa278 !important;
}
.bee-orange-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #d17603 !important;
}
.bee-orange-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #d17603 !important;
}
.bee-orange-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #d17603 !important;
}
.bee-orange-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #000000 !important;
}
.bee-orange-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.bee-orange-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #000000 !important;
}
.bee-orange-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.bee-orange-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.bee-orange-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #d17603 !important;
}
.bee-orange-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #d17603 !important;
}
.bee-orange-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #d17603 !important;
}
.bee-orange-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #d17603 !important;
}
.bee-orange-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #d17603 !important;
}
.bee-orange-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #d17603 !important;
}
.bee-orange-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.bee-orange-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #000000;
  background-color: #d17603 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.bee-orange-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.bee-orange-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.bee-orange-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.bee-orange-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.bee-orange-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.bee-orange-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #ffe8de !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-orange-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #d17603 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #d17603 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-orange-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #d17603 !important;
}
.bee-orange-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.bee-orange-theme .button-text-hidden {
  display: none;
}
.bee-deep-orange-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #bc3308;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #cddc39;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #cddc39;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #bc3308 87%, transparent);
  --mat-form-field-filled-caret-color: #bc3308;
  --mat-form-field-filled-focus-active-indicator-color: #bc3308;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #bc3308 87%, transparent);
  --mat-form-field-outlined-caret-color: #bc3308;
  --mat-form-field-outlined-focus-outline-color: #bc3308;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #bc3308 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #bc3308;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #bc3308;
  --mat-slide-toggle-selected-handle-color: #bc3308;
  --mat-slide-toggle-selected-hover-state-layer-color: #bc3308;
  --mat-slide-toggle-selected-pressed-state-layer-color: #bc3308;
  --mat-slide-toggle-selected-focus-handle-color: #bc3308;
  --mat-slide-toggle-selected-hover-handle-color: #bc3308;
  --mat-slide-toggle-selected-pressed-handle-color: #bc3308;
  --mat-slide-toggle-selected-focus-track-color: #d07052;
  --mat-slide-toggle-selected-hover-track-color: #d07052;
  --mat-slide-toggle-selected-pressed-track-color: #d07052;
  --mat-slide-toggle-selected-track-color: #d07052;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #bc3308;
  --mat-slider-focus-handle-color: #bc3308;
  --mat-slider-handle-color: #bc3308;
  --mat-slider-hover-handle-color: #bc3308;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #bc3308 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #bc3308 4%, transparent);
  --mat-slider-inactive-track-color: #bc3308;
  --mat-slider-ripple-color: #bc3308;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #bc3308;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #cddc39;
  --mat-checkbox-selected-hover-icon-color: #cddc39;
  --mat-checkbox-selected-icon-color: #cddc39;
  --mat-checkbox-selected-pressed-icon-color: #cddc39;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #cddc39;
  --mat-checkbox-selected-hover-state-layer-color: #cddc39;
  --mat-checkbox-selected-pressed-state-layer-color: #cddc39;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #d07052;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #bc3308;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #bc3308;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #bc3308 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #bc3308;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #bc3308 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #bc3308 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #bc3308 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #bc3308;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #bc3308;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #bc3308;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #bc3308;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #bc3308;
  --mat-slide-toggle-selected-handle-color: #bc3308;
  --mat-slide-toggle-selected-hover-state-layer-color: #bc3308;
  --mat-slide-toggle-selected-pressed-state-layer-color: #bc3308;
  --mat-slide-toggle-selected-focus-handle-color: #bc3308;
  --mat-slide-toggle-selected-hover-handle-color: #bc3308;
  --mat-slide-toggle-selected-pressed-handle-color: #bc3308;
  --mat-slide-toggle-selected-focus-track-color: #d07052;
  --mat-slide-toggle-selected-hover-track-color: #d07052;
  --mat-slide-toggle-selected-pressed-track-color: #d07052;
  --mat-slide-toggle-selected-track-color: #d07052;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-deep-orange-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #cddc39;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-deep-orange-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-deep-orange-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #bc3308;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #bc3308;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-deep-orange-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #cddc39;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #cddc39;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-deep-orange-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-deep-orange-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #bc3308;
  --mat-progress-bar-track-color: rgba(188, 51, 8, 0.25);
}
.bee-deep-orange-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #cddc39;
  --mat-progress-bar-track-color: rgba(205, 220, 57, 0.25);
}
.bee-deep-orange-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.bee-deep-orange-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #cddc39 87%, transparent);
  --mat-form-field-filled-caret-color: #cddc39;
  --mat-form-field-filled-focus-active-indicator-color: #cddc39;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #cddc39 87%, transparent);
  --mat-form-field-outlined-caret-color: #cddc39;
  --mat-form-field-outlined-focus-outline-color: #cddc39;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #cddc39 87%, transparent);
}
.bee-deep-orange-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.bee-deep-orange-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #cddc39;
  --mat-select-invalid-arrow-color: #e74737;
}
.bee-deep-orange-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.bee-deep-orange-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.bee-deep-orange-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-orange-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.bee-deep-orange-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #bc3308;
  --mat-chip-elevated-disabled-container-color: #bc3308;
  --mat-chip-elevated-selected-container-color: #bc3308;
  --mat-chip-flat-disabled-selected-container-color: #bc3308;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bee-deep-orange-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.bee-deep-orange-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: #cddc39;
  --mat-chip-elevated-disabled-container-color: #cddc39;
  --mat-chip-elevated-selected-container-color: #cddc39;
  --mat-chip-flat-disabled-selected-container-color: #cddc39;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-orange-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.bee-deep-orange-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bee-deep-orange-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.bee-deep-orange-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.bee-deep-orange-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-focus-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-handle-color: #cddc39;
  --mat-slide-toggle-selected-pressed-handle-color: #cddc39;
  --mat-slide-toggle-selected-focus-track-color: #dce775;
  --mat-slide-toggle-selected-hover-track-color: #dce775;
  --mat-slide-toggle-selected-pressed-track-color: #dce775;
  --mat-slide-toggle-selected-track-color: #dce775;
}
.bee-deep-orange-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bee-deep-orange-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-deep-orange-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #bc3308;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #bc3308;
  --mat-radio-selected-hover-icon-color: #bc3308;
  --mat-radio-selected-icon-color: #bc3308;
  --mat-radio-selected-pressed-icon-color: #bc3308;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-orange-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #cddc39;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #cddc39;
  --mat-radio-selected-hover-icon-color: #cddc39;
  --mat-radio-selected-icon-color: #cddc39;
  --mat-radio-selected-pressed-icon-color: #cddc39;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-orange-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-orange-theme .mat-accent {
  --mat-slider-active-track-color: #cddc39;
  --mat-slider-focus-handle-color: #cddc39;
  --mat-slider-handle-color: #cddc39;
  --mat-slider-hover-handle-color: #cddc39;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #cddc39 4%, transparent);
  --mat-slider-inactive-track-color: #cddc39;
  --mat-slider-ripple-color: #cddc39;
  --mat-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-inactive-container-color: #cddc39;
}
.bee-deep-orange-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.bee-deep-orange-theme .mdc-list-item__start,
.bee-deep-orange-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #bc3308;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #bc3308;
  --mat-radio-selected-hover-icon-color: #bc3308;
  --mat-radio-selected-icon-color: #bc3308;
  --mat-radio-selected-pressed-icon-color: #bc3308;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-orange-theme .mat-accent .mdc-list-item__start,
.bee-deep-orange-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #cddc39;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #cddc39;
  --mat-radio-selected-hover-icon-color: #cddc39;
  --mat-radio-selected-icon-color: #cddc39;
  --mat-radio-selected-pressed-icon-color: #cddc39;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-orange-theme .mat-warn .mdc-list-item__start,
.bee-deep-orange-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-orange-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #bc3308;
  --mat-checkbox-selected-hover-icon-color: #bc3308;
  --mat-checkbox-selected-icon-color: #bc3308;
  --mat-checkbox-selected-pressed-icon-color: #bc3308;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #bc3308;
  --mat-checkbox-selected-hover-state-layer-color: #bc3308;
  --mat-checkbox-selected-pressed-state-layer-color: #bc3308;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-orange-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #cddc39;
  --mat-checkbox-selected-hover-icon-color: #cddc39;
  --mat-checkbox-selected-icon-color: #cddc39;
  --mat-checkbox-selected-pressed-icon-color: #cddc39;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #cddc39;
  --mat-checkbox-selected-hover-state-layer-color: #cddc39;
  --mat-checkbox-selected-pressed-state-layer-color: #cddc39;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-orange-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-orange-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.bee-deep-orange-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.bee-deep-orange-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.bee-deep-orange-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #bc3308;
}
.bee-deep-orange-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.bee-deep-orange-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.bee-deep-orange-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.bee-deep-orange-theme .mdc-list-item__start,
.bee-deep-orange-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.bee-deep-orange-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.bee-deep-orange-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.bee-deep-orange-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.bee-deep-orange-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.bee-deep-orange-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.bee-deep-orange-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.bee-deep-orange-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.bee-deep-orange-theme .mat-mdc-tab-group,
.bee-deep-orange-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #bc3308;
  --mat-tab-active-ripple-color: #bc3308;
  --mat-tab-inactive-ripple-color: #bc3308;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #bc3308;
  --mat-tab-active-hover-label-text-color: #bc3308;
  --mat-tab-active-focus-indicator-color: #bc3308;
  --mat-tab-active-hover-indicator-color: #bc3308;
  --mat-tab-active-indicator-color: #bc3308;
}
.bee-deep-orange-theme .mat-mdc-tab-group.mat-accent,
.bee-deep-orange-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #cddc39;
  --mat-tab-active-ripple-color: #cddc39;
  --mat-tab-inactive-ripple-color: #cddc39;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #cddc39;
  --mat-tab-active-hover-label-text-color: #cddc39;
  --mat-tab-active-focus-indicator-color: #cddc39;
  --mat-tab-active-hover-indicator-color: #cddc39;
  --mat-tab-active-indicator-color: #cddc39;
}
.bee-deep-orange-theme .mat-mdc-tab-group.mat-warn,
.bee-deep-orange-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.bee-deep-orange-theme .mat-mdc-tab-group.mat-background-primary,
.bee-deep-orange-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #bc3308;
  --mat-tab-foreground-color: #ffffff;
}
.bee-deep-orange-theme .mat-mdc-tab-group.mat-background-accent,
.bee-deep-orange-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #cddc39;
  --mat-tab-foreground-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-orange-theme .mat-mdc-tab-group.mat-background-warn,
.bee-deep-orange-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.bee-deep-orange-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.bee-deep-orange-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.bee-deep-orange-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #bc3308;
  --mat-checkbox-selected-hover-icon-color: #bc3308;
  --mat-checkbox-selected-icon-color: #bc3308;
  --mat-checkbox-selected-pressed-icon-color: #bc3308;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #bc3308;
  --mat-checkbox-selected-hover-state-layer-color: #bc3308;
  --mat-checkbox-selected-pressed-state-layer-color: #bc3308;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-orange-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-orange-theme .mat-mdc-button.mat-primary,
.bee-deep-orange-theme .mat-mdc-unelevated-button.mat-primary,
.bee-deep-orange-theme .mat-mdc-raised-button.mat-primary,
.bee-deep-orange-theme .mat-mdc-outlined-button.mat-primary,
.bee-deep-orange-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #bc3308;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #bc3308;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #bc3308 12%, transparent);
  --mat-button-outlined-state-layer-color: #bc3308;
  --mat-button-protected-container-color: #bc3308;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #bc3308;
  --mat-button-text-ripple-color: color-mix(in srgb, #bc3308 12%, transparent);
  --mat-button-text-state-layer-color: #bc3308;
  --mat-button-tonal-container-color: #bc3308;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bee-deep-orange-theme .mat-mdc-button.mat-accent,
.bee-deep-orange-theme .mat-mdc-unelevated-button.mat-accent,
.bee-deep-orange-theme .mat-mdc-raised-button.mat-accent,
.bee-deep-orange-theme .mat-mdc-outlined-button.mat-accent,
.bee-deep-orange-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #cddc39;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-label-text-color: #cddc39;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-button-outlined-state-layer-color: #cddc39;
  --mat-button-protected-container-color: #cddc39;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-label-text-color: #cddc39;
  --mat-button-text-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-button-text-state-layer-color: #cddc39;
  --mat-button-tonal-container-color: #cddc39;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-orange-theme .mat-mdc-button.mat-warn,
.bee-deep-orange-theme .mat-mdc-unelevated-button.mat-warn,
.bee-deep-orange-theme .mat-mdc-raised-button.mat-warn,
.bee-deep-orange-theme .mat-mdc-outlined-button.mat-warn,
.bee-deep-orange-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bee-deep-orange-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #bc3308;
  --mat-icon-button-state-layer-color: #bc3308;
  --mat-icon-button-ripple-color: color-mix(in srgb, #bc3308 12%, transparent);
}
.bee-deep-orange-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #cddc39;
  --mat-icon-button-state-layer-color: #cddc39;
  --mat-icon-button-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
}
.bee-deep-orange-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.bee-deep-orange-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.bee-deep-orange-theme .mat-mdc-fab.mat-primary,
.bee-deep-orange-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #bc3308;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #bc3308 12%, transparent);
  --mat-fab-small-container-color: #bc3308;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bee-deep-orange-theme .mat-mdc-fab.mat-accent,
.bee-deep-orange-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #cddc39;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-fab-small-container-color: #cddc39;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-orange-theme .mat-mdc-fab.mat-warn,
.bee-deep-orange-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bee-deep-orange-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #cddc39;
}
.bee-deep-orange-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.bee-deep-orange-theme .mat-badge-accent {
  --mat-badge-background-color: #cddc39;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-orange-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.bee-deep-orange-theme .mat-datepicker-content.mat-accent,
.bee-deep-orange-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #cddc39;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #cddc39 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #cddc39 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #cddc39;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-orange-theme .mat-datepicker-content.mat-warn,
.bee-deep-orange-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-orange-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.bee-deep-orange-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.bee-deep-orange-theme .mat-icon.mat-primary {
  --mat-icon-color: #bc3308;
}
.bee-deep-orange-theme .mat-icon.mat-accent {
  --mat-icon-color: #cddc39;
}
.bee-deep-orange-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.bee-deep-orange-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #cddc39;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #cddc39;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #cddc39;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-orange-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.bee-deep-orange-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #bc3308;
  --mat-toolbar-container-text-color: #ffffff;
}
.bee-deep-orange-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #cddc39;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-orange-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.bee-deep-orange-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-focus-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-handle-color: #cddc39;
  --mat-slide-toggle-selected-pressed-handle-color: #cddc39;
  --mat-slide-toggle-selected-focus-track-color: #dce775;
  --mat-slide-toggle-selected-hover-track-color: #dce775;
  --mat-slide-toggle-selected-pressed-track-color: #dce775;
  --mat-slide-toggle-selected-track-color: #dce775;
}
.bee-deep-orange-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bee-deep-orange-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-deep-orange-theme .back-container {
  color: #bc3308;
}
.bee-deep-orange-theme .back-container:hover {
  opacity: 0.54;
}
.bee-deep-orange-theme .warn-text {
  color: #e74737;
}
.bee-deep-orange-theme .inside-modal-title.primary-colored-title,
.bee-deep-orange-theme .form-title.primary-colored-title {
  color: #bc3308;
}
.bee-deep-orange-theme .full-height-container form .button-container {
  background: white;
}
.bee-deep-orange-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.bee-deep-orange-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.bee-deep-orange-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-orange-theme .box-checkbox.active-box-checkbox {
  background-color: #bc3308;
  color: white;
}
.bee-deep-orange-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-orange-theme .box-radio.active-box-radio {
  background-color: #bc3308;
  color: white;
}
.bee-deep-orange-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-orange-theme .error {
  color: #e74737;
}
.bee-deep-orange-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.bee-deep-orange-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-orange-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-orange-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.bee-deep-orange-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-orange-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-orange-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-orange-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-orange-theme .ql-snow .ql-picker-options {
  background: white;
}
.bee-deep-orange-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.bee-deep-orange-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.bee-deep-orange-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.bee-deep-orange-theme .ql-snow .ql-fill,
.bee-deep-orange-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.bee-deep-orange-theme .ql-snow.ql-toolbar button:hover,
.bee-deep-orange-theme .ql-snow .ql-toolbar button:hover,
.bee-deep-orange-theme .ql-snow.ql-toolbar button:focus,
.bee-deep-orange-theme .ql-snow .ql-toolbar button:focus,
.bee-deep-orange-theme .ql-snow.ql-toolbar button.ql-active,
.bee-deep-orange-theme .ql-snow .ql-toolbar button.ql-active,
.bee-deep-orange-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.bee-deep-orange-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.bee-deep-orange-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.bee-deep-orange-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.bee-deep-orange-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.bee-deep-orange-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.bee-deep-orange-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.bee-deep-orange-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.bee-deep-orange-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.bee-deep-orange-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.bee-deep-orange-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.bee-deep-orange-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.bee-deep-orange-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.bee-deep-orange-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.bee-deep-orange-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-deep-orange-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-deep-orange-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-deep-orange-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-deep-orange-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-deep-orange-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-deep-orange-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-deep-orange-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-deep-orange-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-deep-orange-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-deep-orange-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-deep-orange-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-deep-orange-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-deep-orange-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-deep-orange-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-deep-orange-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-deep-orange-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-deep-orange-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-deep-orange-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-deep-orange-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-deep-orange-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.bee-deep-orange-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.bee-deep-orange-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.bee-deep-orange-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.bee-deep-orange-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.bee-deep-orange-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.bee-deep-orange-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.bee-deep-orange-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.bee-deep-orange-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-deep-orange-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-deep-orange-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-deep-orange-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-deep-orange-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-deep-orange-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-deep-orange-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-deep-orange-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-deep-orange-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.bee-deep-orange-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.bee-deep-orange-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.bee-deep-orange-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.bee-deep-orange-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.bee-deep-orange-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.bee-deep-orange-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-deep-orange-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-deep-orange-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-deep-orange-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-deep-orange-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-deep-orange-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-deep-orange-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.bee-deep-orange-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.bee-deep-orange-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-deep-orange-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-deep-orange-theme bee-form-item {
  margin-right: 0 !important;
}
.bee-deep-orange-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.bee-deep-orange-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #bc3308;
  height: 38px !important;
}
.bee-deep-orange-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.bee-deep-orange-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.bee-deep-orange-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.bee-deep-orange-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.bee-deep-orange-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.bee-deep-orange-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.bee-deep-orange-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.bee-deep-orange-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.bee-deep-orange-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .bee-deep-orange-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.bee-deep-orange-theme .general-container .label-wrapper label {
  color: #bc3308 !important;
  background-color: white;
}
.bee-deep-orange-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-deep-orange-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.bee-deep-orange-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.bee-deep-orange-theme .general-container .bee-selector .bee-selector-container {
  border-color: #bc3308 !important;
}
.bee-deep-orange-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.bee-deep-orange-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.bee-deep-orange-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-orange-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.bee-deep-orange-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.bee-deep-orange-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-orange-theme .general-container .bee-selector .bee-selector-container:focus,
.bee-deep-orange-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #bc3308;
}
.bee-deep-orange-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.bee-deep-orange-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #bc3308;
}
.bee-deep-orange-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.bee-deep-orange-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #bc3308;
}
.bee-deep-orange-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bee-deep-orange-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-deep-orange-theme .general-container .bee-dropdown {
  background: white;
}
.bee-deep-orange-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #bc3308;
}
.bee-deep-orange-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.bee-deep-orange-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.bee-deep-orange-theme .general-container .selector-error {
  color: #e74737;
}
.bee-deep-orange-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-deep-orange-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.bee-deep-orange-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-orange-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.bee-deep-orange-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #bc3308;
}
.bee-deep-orange-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bee-deep-orange-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-deep-orange-theme .move-image-action-container:hover {
  color: #bc3308;
}
.bee-deep-orange-theme .info-icon {
  color: #bc3308;
}
.bee-deep-orange-theme .email-chip {
  color: #bc3308 !important;
  background-color: rgba(188, 51, 8, 0.15) !important;
}
.bee-deep-orange-theme .email-chip .mat-chip-remove {
  color: #bc3308 !important;
  opacity: 1 !important;
}
.bee-deep-orange-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-orange-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.bee-deep-orange-theme .mat-badge-content {
  color: #bc3308 !important;
}
.bee-deep-orange-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #bc3308 !important;
}
.bee-deep-orange-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #bc3308 !important;
}
.bee-deep-orange-theme #circle-lleno {
  background: #ffc6c2;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.bee-deep-orange-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.bee-deep-orange-theme .marine-color {
  color: #0f223e !important;
}
.bee-deep-orange-theme .primary-color {
  color: #bc3308 !important;
}
.bee-deep-orange-theme .gray-color {
  color: #C0C4CA !important;
}
.bee-deep-orange-theme .primary-color-200 {
  color: #de9984 !important;
}
.bee-deep-orange-theme svg.primary-fill-svg {
  fill: #bc3308 !important;
}
.bee-deep-orange-theme .primary-fill {
  fill: #bc3308 !important;
}
.bee-deep-orange-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-deep-orange-theme .primary-border-50 {
  border-color: #f7e7e1 !important;
}
.bee-deep-orange-theme .primary-border-100 {
  border-color: #ebc2b5 !important;
}
.bee-deep-orange-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.bee-deep-orange-theme .transparent-border-100 {
  border-color: transparent !important;
}
.bee-deep-orange-theme .primary-border-200 {
  border-color: #de9984 !important;
}
.bee-deep-orange-theme .primary-indicator .mat-expansion-indicator:after {
  color: #bc3308;
}
.bee-deep-orange-theme .contrast-background {
  background-color: #ffffff !important;
}
.bee-deep-orange-theme .primary-color-small {
  color: rgba(188, 51, 8, 0.6);
}
.bee-deep-orange-theme .marine-background {
  background-color: #0f223e !important;
}
.bee-deep-orange-theme .primary-background {
  background-color: #bc3308 !important;
}
.bee-deep-orange-theme .primary-background-50 {
  background-color: #f7e7e1 !important;
}
.bee-deep-orange-theme .primary-background-200 {
  background-color: #de9984 !important;
}
.bee-deep-orange-theme .primary-background-800 {
  background-color: #a52004 !important;
}
.bee-deep-orange-theme .white-color {
  color: white !important;
}
.bee-deep-orange-theme .secondary-color {
  color: #ffc6c2 !important;
}
.bee-deep-orange-theme .secondary-background {
  background-color: #ffc6c2 !important;
}
.bee-deep-orange-theme .secondary-background-semi {
  background-color: #bc3308 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #bc3308 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-deep-orange-theme .secondary-background-full {
  background-color: #bc3308 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #bc3308 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-deep-orange-theme .secondary-background-empty {
  background-color: #bc3308 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #bc3308 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-deep-orange-theme .secondary-border {
  background-color: #ffc6c2 !important;
}
.bee-deep-orange-theme .tertiary-color {
  color: #ff685c !important;
}
.bee-deep-orange-theme button.button-tertiary {
  background-color: #ff685c !important;
  color: #bc3308 !important;
  border: 1px solid #bc3308 !important;
}
.bee-deep-orange-theme span.red-text {
  color: #DB1F35 !important;
}
.bee-deep-orange-theme .tertiary-background {
  background-color: #ff685c !important;
}
.bee-deep-orange-theme .tertiary-border {
  border-color: #ff685c !important;
}
.bee-deep-orange-theme .dark-background {
  background-color: black !important;
}
.bee-deep-orange-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.bee-deep-orange-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.bee-deep-orange-theme .primary-soft-background {
  background-color: rgba(188, 51, 8, 0.1) !important;
}
.bee-deep-orange-theme .primary-soft-background:hover {
  background-color: rgba(188, 51, 8, 0.15) !important;
}
.bee-deep-orange-theme .primary-border {
  border-color: #bc3308 !important;
}
.bee-deep-orange-theme .default-background {
  background-color: #fafafa !important;
}
.bee-deep-orange-theme .hover-primary:hover {
  color: #bc3308 !important;
}
.bee-deep-orange-theme .hover-primary-background:hover {
  background-color: #bc3308 !important;
}
.bee-deep-orange-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.bee-deep-orange-theme .warn-color {
  color: #e74737 !important;
}
.bee-deep-orange-theme .warn-border {
  border-color: #e74737 !important;
}
.bee-deep-orange-theme .accent-color {
  color: #cddc39 !important;
}
.bee-deep-orange-theme .accent-background {
  background-color: #cddc39 !important;
}
.bee-deep-orange-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.bee-deep-orange-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-orange-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.bee-deep-orange-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-orange-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-orange-theme .dialog-table tr .action-icon {
  color: transparent;
}
.bee-deep-orange-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bee-deep-orange-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-orange-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #bc3308;
}
.bee-deep-orange-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-deep-orange-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-orange-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.bee-deep-orange-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.bee-deep-orange-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-orange-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-orange-theme .card-table tr .action-icon {
  color: transparent;
}
.bee-deep-orange-theme .card-table tr .action-icon button {
  color: transparent;
}
.bee-deep-orange-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-deep-orange-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-orange-theme .card-table tr:hover .action-icon button {
  color: #bc3308;
}
.bee-deep-orange-theme .card-table tr:hover .action-icon:hover {
  color: #bc3308;
}
.bee-deep-orange-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-orange-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.bee-deep-orange-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-deep-orange-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-orange-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #bc3308;
}
.bee-deep-orange-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-orange-theme .no-hover-table tr:hover {
  background: white;
}
.bee-deep-orange-theme .custom-standard-chip {
  background-color: rgba(188, 51, 8, 0.1) !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .help-dashboard-card .mat-icon {
  color: #bc3308;
}
.bee-deep-orange-theme .help-dashboard-card:hover {
  background-color: #bc3308;
}
.bee-deep-orange-theme .help-dashboard-card:hover .mat-icon,
.bee-deep-orange-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.bee-deep-orange-theme .room-open {
  background-color: #bc3308 !important;
  color: white !important;
}
.bee-deep-orange-theme .room-open:hover {
  background-color: #bc3308 !important;
  color: white !important;
}
.bee-deep-orange-theme #public-office-page-groups .public-group-button-hover {
  background-color: #bc3308 !important;
  color: white !important;
}
.bee-deep-orange-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-orange-theme .notification-container .show-tip {
  color: transparent;
}
.bee-deep-orange-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-deep-orange-theme .notification-container:hover .show-tip {
  color: #bc3308;
}
.bee-deep-orange-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-deep-orange-theme .notification-container .notification-subject .mat-icon {
  color: #bc3308;
}
.bee-deep-orange-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-orange-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-orange-theme .message-container .show-tip {
  color: transparent;
}
.bee-deep-orange-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-deep-orange-theme .message-container:hover .show-tip {
  color: #bc3308;
}
.bee-deep-orange-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-deep-orange-theme .message-container .message-subject .mat-icon {
  color: #bc3308;
}
.bee-deep-orange-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-orange-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.bee-deep-orange-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.bee-deep-orange-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.bee-deep-orange-theme .primary-200-outline input {
  caret-color: #de9984;
  color: #bc3308;
}
.bee-deep-orange-theme .primary-200-outline label {
  color: #de9984;
}
.bee-deep-orange-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #de9984 !important;
}
.bee-deep-orange-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #de9984;
}
.bee-deep-orange-theme mat-form-field .primary-outline label {
  color: #bc3308 !important;
}
.bee-deep-orange-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #bc3308 !important;
}
.bee-deep-orange-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #bc3308 !important;
}
.bee-deep-orange-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.bee-deep-orange-theme .input-primary input {
  caret-color: #bc3308;
  color: #bc3308;
}
.bee-deep-orange-theme .input-primary label {
  color: #bc3308;
}
.bee-deep-orange-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #bc3308 !important;
}
.bee-deep-orange-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.bee-deep-orange-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #bc3308;
  border-width: 1px;
}
.bee-deep-orange-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.bee-deep-orange-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.bee-deep-orange-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.bee-deep-orange-theme .boton-recarga {
  background-color: #bc3308;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.bee-deep-orange-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.bee-deep-orange-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.bee-deep-orange-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.bee-deep-orange-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.bee-deep-orange-theme .header-container button {
  padding: 0 !important;
}
.bee-deep-orange-theme .header-container .mat-button {
  min-width: unset !important;
}
.bee-deep-orange-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.bee-deep-orange-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bee-deep-orange-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.bee-deep-orange-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.bee-deep-orange-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.bee-deep-orange-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-deep-orange-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-deep-orange-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-deep-orange-theme .input-recarga-marine {
  border: 1px solid #bc3308 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.bee-deep-orange-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-deep-orange-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-deep-orange-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-deep-orange-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-deep-orange-theme .color-primary {
  color: #bc3308 !important;
  fill: #bc3308 !important;
}
.bee-deep-orange-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.bee-deep-orange-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.bee-deep-orange-theme .primary-contrast {
  color: #ffffff !important;
}
.bee-deep-orange-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.bee-deep-orange-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-deep-orange-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-deep-orange-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-deep-orange-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-deep-orange-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-deep-orange-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-deep-orange-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-deep-orange-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #ffc6c2 !important;
}
.bee-deep-orange-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-deep-orange-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .mat-checkbox-checked .mat-checkbox-background,
.bee-deep-orange-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #bc3308 !important;
}
.bee-deep-orange-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-deep-orange-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-deep-orange-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #de9984 !important;
}
.bee-deep-orange-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-deep-orange-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.bee-deep-orange-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.bee-deep-orange-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.bee-deep-orange-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-deep-orange-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-deep-orange-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-deep-orange-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-deep-orange-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-deep-orange-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-deep-orange-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-deep-orange-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-deep-orange-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.bee-deep-orange-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.bee-deep-orange-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-deep-orange-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-deep-orange-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffc6c2 !important;
}
.bee-deep-orange-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffc6c2 !important;
}
.bee-deep-orange-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.bee-deep-orange-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.bee-deep-orange-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bee-deep-orange-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bee-deep-orange-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.bee-deep-orange-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ffc6c2 !important;
}
.bee-deep-orange-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffc6c2 !important;
}
.bee-deep-orange-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.bee-deep-orange-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.bee-deep-orange-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ff685c !important;
}
.bee-deep-orange-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ff685c !important;
}
.bee-deep-orange-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ff685c !important;
}
.bee-deep-orange-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ff685c !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bee-deep-orange-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ff685c !important;
}
.bee-deep-orange-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #ff685c !important;
}
.bee-deep-orange-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bee-deep-orange-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.bee-deep-orange-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bee-deep-orange-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.bee-deep-orange-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.bee-deep-orange-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.bee-deep-orange-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #bc3308 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.bee-deep-orange-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.bee-deep-orange-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.bee-deep-orange-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.bee-deep-orange-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.bee-deep-orange-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.bee-deep-orange-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #ffc6c2 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-deep-orange-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #bc3308 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #bc3308 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-deep-orange-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #bc3308 !important;
}
.bee-deep-orange-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.bee-deep-orange-theme .button-text-hidden {
  display: none;
}
.bee-black-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #1e1e1e;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #cddc39;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #cddc39;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #1e1e1e 87%, transparent);
  --mat-form-field-filled-caret-color: #1e1e1e;
  --mat-form-field-filled-focus-active-indicator-color: #1e1e1e;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #1e1e1e 87%, transparent);
  --mat-form-field-outlined-caret-color: #1e1e1e;
  --mat-form-field-outlined-focus-outline-color: #1e1e1e;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #1e1e1e 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #1e1e1e;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #1e1e1e;
  --mat-slide-toggle-selected-handle-color: #1e1e1e;
  --mat-slide-toggle-selected-hover-state-layer-color: #1e1e1e;
  --mat-slide-toggle-selected-pressed-state-layer-color: #1e1e1e;
  --mat-slide-toggle-selected-focus-handle-color: #1e1e1e;
  --mat-slide-toggle-selected-hover-handle-color: #1e1e1e;
  --mat-slide-toggle-selected-pressed-handle-color: #1e1e1e;
  --mat-slide-toggle-selected-focus-track-color: #626262;
  --mat-slide-toggle-selected-hover-track-color: #626262;
  --mat-slide-toggle-selected-pressed-track-color: #626262;
  --mat-slide-toggle-selected-track-color: #626262;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #1e1e1e;
  --mat-slider-focus-handle-color: #1e1e1e;
  --mat-slider-handle-color: #1e1e1e;
  --mat-slider-hover-handle-color: #1e1e1e;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #1e1e1e 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #1e1e1e 4%, transparent);
  --mat-slider-inactive-track-color: #1e1e1e;
  --mat-slider-ripple-color: #1e1e1e;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #1e1e1e;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #cddc39;
  --mat-checkbox-selected-hover-icon-color: #cddc39;
  --mat-checkbox-selected-icon-color: #cddc39;
  --mat-checkbox-selected-pressed-icon-color: #cddc39;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #cddc39;
  --mat-checkbox-selected-hover-state-layer-color: #cddc39;
  --mat-checkbox-selected-pressed-state-layer-color: #cddc39;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #626262;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #1e1e1e;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #1e1e1e;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #1e1e1e 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #1e1e1e;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #1e1e1e 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #1e1e1e 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #1e1e1e 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #1e1e1e;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #1e1e1e;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #1e1e1e;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #1e1e1e;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #1e1e1e;
  --mat-slide-toggle-selected-handle-color: #1e1e1e;
  --mat-slide-toggle-selected-hover-state-layer-color: #1e1e1e;
  --mat-slide-toggle-selected-pressed-state-layer-color: #1e1e1e;
  --mat-slide-toggle-selected-focus-handle-color: #1e1e1e;
  --mat-slide-toggle-selected-hover-handle-color: #1e1e1e;
  --mat-slide-toggle-selected-pressed-handle-color: #1e1e1e;
  --mat-slide-toggle-selected-focus-track-color: #626262;
  --mat-slide-toggle-selected-hover-track-color: #626262;
  --mat-slide-toggle-selected-pressed-track-color: #626262;
  --mat-slide-toggle-selected-track-color: #626262;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-black-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #cddc39;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-black-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-black-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #1e1e1e;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #1e1e1e;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-black-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #cddc39;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #cddc39;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-black-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-black-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #1e1e1e;
  --mat-progress-bar-track-color: rgba(30, 30, 30, 0.25);
}
.bee-black-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #cddc39;
  --mat-progress-bar-track-color: rgba(205, 220, 57, 0.25);
}
.bee-black-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.bee-black-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #cddc39 87%, transparent);
  --mat-form-field-filled-caret-color: #cddc39;
  --mat-form-field-filled-focus-active-indicator-color: #cddc39;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #cddc39 87%, transparent);
  --mat-form-field-outlined-caret-color: #cddc39;
  --mat-form-field-outlined-focus-outline-color: #cddc39;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #cddc39 87%, transparent);
}
.bee-black-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.bee-black-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #cddc39;
  --mat-select-invalid-arrow-color: #e74737;
}
.bee-black-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.bee-black-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.bee-black-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-black-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.bee-black-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #1e1e1e;
  --mat-chip-elevated-disabled-container-color: #1e1e1e;
  --mat-chip-elevated-selected-container-color: #1e1e1e;
  --mat-chip-flat-disabled-selected-container-color: #1e1e1e;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bee-black-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.bee-black-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: #cddc39;
  --mat-chip-elevated-disabled-container-color: #cddc39;
  --mat-chip-elevated-selected-container-color: #cddc39;
  --mat-chip-flat-disabled-selected-container-color: #cddc39;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-black-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.bee-black-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bee-black-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.bee-black-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.bee-black-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-focus-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-handle-color: #cddc39;
  --mat-slide-toggle-selected-pressed-handle-color: #cddc39;
  --mat-slide-toggle-selected-focus-track-color: #dce775;
  --mat-slide-toggle-selected-hover-track-color: #dce775;
  --mat-slide-toggle-selected-pressed-track-color: #dce775;
  --mat-slide-toggle-selected-track-color: #dce775;
}
.bee-black-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bee-black-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-black-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #1e1e1e;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #1e1e1e;
  --mat-radio-selected-hover-icon-color: #1e1e1e;
  --mat-radio-selected-icon-color: #1e1e1e;
  --mat-radio-selected-pressed-icon-color: #1e1e1e;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-black-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #cddc39;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #cddc39;
  --mat-radio-selected-hover-icon-color: #cddc39;
  --mat-radio-selected-icon-color: #cddc39;
  --mat-radio-selected-pressed-icon-color: #cddc39;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-black-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-black-theme .mat-accent {
  --mat-slider-active-track-color: #cddc39;
  --mat-slider-focus-handle-color: #cddc39;
  --mat-slider-handle-color: #cddc39;
  --mat-slider-hover-handle-color: #cddc39;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #cddc39 4%, transparent);
  --mat-slider-inactive-track-color: #cddc39;
  --mat-slider-ripple-color: #cddc39;
  --mat-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-inactive-container-color: #cddc39;
}
.bee-black-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.bee-black-theme .mdc-list-item__start,
.bee-black-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #1e1e1e;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #1e1e1e;
  --mat-radio-selected-hover-icon-color: #1e1e1e;
  --mat-radio-selected-icon-color: #1e1e1e;
  --mat-radio-selected-pressed-icon-color: #1e1e1e;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-black-theme .mat-accent .mdc-list-item__start,
.bee-black-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #cddc39;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #cddc39;
  --mat-radio-selected-hover-icon-color: #cddc39;
  --mat-radio-selected-icon-color: #cddc39;
  --mat-radio-selected-pressed-icon-color: #cddc39;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-black-theme .mat-warn .mdc-list-item__start,
.bee-black-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-black-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #1e1e1e;
  --mat-checkbox-selected-hover-icon-color: #1e1e1e;
  --mat-checkbox-selected-icon-color: #1e1e1e;
  --mat-checkbox-selected-pressed-icon-color: #1e1e1e;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #1e1e1e;
  --mat-checkbox-selected-hover-state-layer-color: #1e1e1e;
  --mat-checkbox-selected-pressed-state-layer-color: #1e1e1e;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-black-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #cddc39;
  --mat-checkbox-selected-hover-icon-color: #cddc39;
  --mat-checkbox-selected-icon-color: #cddc39;
  --mat-checkbox-selected-pressed-icon-color: #cddc39;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #cddc39;
  --mat-checkbox-selected-hover-state-layer-color: #cddc39;
  --mat-checkbox-selected-pressed-state-layer-color: #cddc39;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-black-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-black-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.bee-black-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.bee-black-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.bee-black-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #1e1e1e;
}
.bee-black-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.bee-black-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.bee-black-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.bee-black-theme .mdc-list-item__start,
.bee-black-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.bee-black-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.bee-black-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.bee-black-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.bee-black-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.bee-black-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.bee-black-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.bee-black-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.bee-black-theme .mat-mdc-tab-group,
.bee-black-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #1e1e1e;
  --mat-tab-active-ripple-color: #1e1e1e;
  --mat-tab-inactive-ripple-color: #1e1e1e;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #1e1e1e;
  --mat-tab-active-hover-label-text-color: #1e1e1e;
  --mat-tab-active-focus-indicator-color: #1e1e1e;
  --mat-tab-active-hover-indicator-color: #1e1e1e;
  --mat-tab-active-indicator-color: #1e1e1e;
}
.bee-black-theme .mat-mdc-tab-group.mat-accent,
.bee-black-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #cddc39;
  --mat-tab-active-ripple-color: #cddc39;
  --mat-tab-inactive-ripple-color: #cddc39;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #cddc39;
  --mat-tab-active-hover-label-text-color: #cddc39;
  --mat-tab-active-focus-indicator-color: #cddc39;
  --mat-tab-active-hover-indicator-color: #cddc39;
  --mat-tab-active-indicator-color: #cddc39;
}
.bee-black-theme .mat-mdc-tab-group.mat-warn,
.bee-black-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.bee-black-theme .mat-mdc-tab-group.mat-background-primary,
.bee-black-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #1e1e1e;
  --mat-tab-foreground-color: #ffffff;
}
.bee-black-theme .mat-mdc-tab-group.mat-background-accent,
.bee-black-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #cddc39;
  --mat-tab-foreground-color: rgba(0, 0, 0, 0.87);
}
.bee-black-theme .mat-mdc-tab-group.mat-background-warn,
.bee-black-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.bee-black-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.bee-black-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.bee-black-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #1e1e1e;
  --mat-checkbox-selected-hover-icon-color: #1e1e1e;
  --mat-checkbox-selected-icon-color: #1e1e1e;
  --mat-checkbox-selected-pressed-icon-color: #1e1e1e;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #1e1e1e;
  --mat-checkbox-selected-hover-state-layer-color: #1e1e1e;
  --mat-checkbox-selected-pressed-state-layer-color: #1e1e1e;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-black-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-black-theme .mat-mdc-button.mat-primary,
.bee-black-theme .mat-mdc-unelevated-button.mat-primary,
.bee-black-theme .mat-mdc-raised-button.mat-primary,
.bee-black-theme .mat-mdc-outlined-button.mat-primary,
.bee-black-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #1e1e1e;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #1e1e1e;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #1e1e1e 12%, transparent);
  --mat-button-outlined-state-layer-color: #1e1e1e;
  --mat-button-protected-container-color: #1e1e1e;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #1e1e1e;
  --mat-button-text-ripple-color: color-mix(in srgb, #1e1e1e 12%, transparent);
  --mat-button-text-state-layer-color: #1e1e1e;
  --mat-button-tonal-container-color: #1e1e1e;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bee-black-theme .mat-mdc-button.mat-accent,
.bee-black-theme .mat-mdc-unelevated-button.mat-accent,
.bee-black-theme .mat-mdc-raised-button.mat-accent,
.bee-black-theme .mat-mdc-outlined-button.mat-accent,
.bee-black-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #cddc39;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-label-text-color: #cddc39;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-button-outlined-state-layer-color: #cddc39;
  --mat-button-protected-container-color: #cddc39;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-label-text-color: #cddc39;
  --mat-button-text-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-button-text-state-layer-color: #cddc39;
  --mat-button-tonal-container-color: #cddc39;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-black-theme .mat-mdc-button.mat-warn,
.bee-black-theme .mat-mdc-unelevated-button.mat-warn,
.bee-black-theme .mat-mdc-raised-button.mat-warn,
.bee-black-theme .mat-mdc-outlined-button.mat-warn,
.bee-black-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bee-black-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #1e1e1e;
  --mat-icon-button-state-layer-color: #1e1e1e;
  --mat-icon-button-ripple-color: color-mix(in srgb, #1e1e1e 12%, transparent);
}
.bee-black-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #cddc39;
  --mat-icon-button-state-layer-color: #cddc39;
  --mat-icon-button-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
}
.bee-black-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.bee-black-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.bee-black-theme .mat-mdc-fab.mat-primary,
.bee-black-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #1e1e1e;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #1e1e1e 12%, transparent);
  --mat-fab-small-container-color: #1e1e1e;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bee-black-theme .mat-mdc-fab.mat-accent,
.bee-black-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #cddc39;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-fab-small-container-color: #cddc39;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-black-theme .mat-mdc-fab.mat-warn,
.bee-black-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bee-black-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #cddc39;
}
.bee-black-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.bee-black-theme .mat-badge-accent {
  --mat-badge-background-color: #cddc39;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
}
.bee-black-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.bee-black-theme .mat-datepicker-content.mat-accent,
.bee-black-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #cddc39;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #cddc39 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #cddc39 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #cddc39;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-black-theme .mat-datepicker-content.mat-warn,
.bee-black-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-black-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.bee-black-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.bee-black-theme .mat-icon.mat-primary {
  --mat-icon-color: #1e1e1e;
}
.bee-black-theme .mat-icon.mat-accent {
  --mat-icon-color: #cddc39;
}
.bee-black-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.bee-black-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #cddc39;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #cddc39;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #cddc39;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}
.bee-black-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.bee-black-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #1e1e1e;
  --mat-toolbar-container-text-color: #ffffff;
}
.bee-black-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #cddc39;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-black-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.bee-black-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-focus-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-handle-color: #cddc39;
  --mat-slide-toggle-selected-pressed-handle-color: #cddc39;
  --mat-slide-toggle-selected-focus-track-color: #dce775;
  --mat-slide-toggle-selected-hover-track-color: #dce775;
  --mat-slide-toggle-selected-pressed-track-color: #dce775;
  --mat-slide-toggle-selected-track-color: #dce775;
}
.bee-black-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bee-black-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-black-theme .back-container {
  color: #1e1e1e;
}
.bee-black-theme .back-container:hover {
  opacity: 0.54;
}
.bee-black-theme .warn-text {
  color: #e74737;
}
.bee-black-theme .inside-modal-title.primary-colored-title,
.bee-black-theme .form-title.primary-colored-title {
  color: #1e1e1e;
}
.bee-black-theme .full-height-container form .button-container {
  background: white;
}
.bee-black-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.bee-black-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.bee-black-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-black-theme .box-checkbox.active-box-checkbox {
  background-color: #1e1e1e;
  color: white;
}
.bee-black-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-black-theme .box-radio.active-box-radio {
  background-color: #1e1e1e;
  color: white;
}
.bee-black-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.bee-black-theme .error {
  color: #e74737;
}
.bee-black-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.bee-black-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.bee-black-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-black-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.bee-black-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-black-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-black-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.bee-black-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.bee-black-theme .ql-snow .ql-picker-options {
  background: white;
}
.bee-black-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.bee-black-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.bee-black-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.bee-black-theme .ql-snow .ql-fill,
.bee-black-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.bee-black-theme .ql-snow.ql-toolbar button:hover,
.bee-black-theme .ql-snow .ql-toolbar button:hover,
.bee-black-theme .ql-snow.ql-toolbar button:focus,
.bee-black-theme .ql-snow .ql-toolbar button:focus,
.bee-black-theme .ql-snow.ql-toolbar button.ql-active,
.bee-black-theme .ql-snow .ql-toolbar button.ql-active,
.bee-black-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.bee-black-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.bee-black-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.bee-black-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.bee-black-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.bee-black-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.bee-black-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.bee-black-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.bee-black-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.bee-black-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.bee-black-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.bee-black-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.bee-black-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.bee-black-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.bee-black-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-black-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-black-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-black-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-black-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-black-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-black-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-black-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-black-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-black-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-black-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-black-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-black-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-black-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-black-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-black-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-black-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-black-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-black-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-black-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-black-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.bee-black-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.bee-black-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.bee-black-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.bee-black-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.bee-black-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.bee-black-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.bee-black-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.bee-black-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-black-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-black-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-black-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-black-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-black-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-black-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-black-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-black-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.bee-black-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.bee-black-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.bee-black-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.bee-black-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.bee-black-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.bee-black-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-black-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-black-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-black-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-black-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-black-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-black-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.bee-black-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.bee-black-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-black-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-black-theme bee-form-item {
  margin-right: 0 !important;
}
.bee-black-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.bee-black-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #1e1e1e;
  height: 38px !important;
}
.bee-black-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.bee-black-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.bee-black-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.bee-black-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.bee-black-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.bee-black-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.bee-black-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.bee-black-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.bee-black-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .bee-black-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.bee-black-theme .general-container .label-wrapper label {
  color: #1e1e1e !important;
  background-color: white;
}
.bee-black-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-black-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.bee-black-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.bee-black-theme .general-container .bee-selector .bee-selector-container {
  border-color: #1e1e1e !important;
}
.bee-black-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.bee-black-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.bee-black-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.bee-black-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.bee-black-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.bee-black-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-black-theme .general-container .bee-selector .bee-selector-container:focus,
.bee-black-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #1e1e1e;
}
.bee-black-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.bee-black-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #1e1e1e;
}
.bee-black-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.bee-black-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #1e1e1e;
}
.bee-black-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bee-black-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-black-theme .general-container .bee-dropdown {
  background: white;
}
.bee-black-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #1e1e1e;
}
.bee-black-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.bee-black-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.bee-black-theme .general-container .selector-error {
  color: #e74737;
}
.bee-black-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-black-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.bee-black-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-black-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.bee-black-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #1e1e1e;
}
.bee-black-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bee-black-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-black-theme .move-image-action-container:hover {
  color: #1e1e1e;
}
.bee-black-theme .info-icon {
  color: #1e1e1e;
}
.bee-black-theme .email-chip {
  color: #1e1e1e !important;
  background-color: rgba(30, 30, 30, 0.15) !important;
}
.bee-black-theme .email-chip .mat-chip-remove {
  color: #1e1e1e !important;
  opacity: 1 !important;
}
.bee-black-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.bee-black-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.bee-black-theme .mat-badge-content {
  color: #1e1e1e !important;
}
.bee-black-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #1e1e1e !important;
}
.bee-black-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #1e1e1e !important;
}
.bee-black-theme #circle-lleno {
  background: #e07171;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.bee-black-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.bee-black-theme .marine-color {
  color: #0f223e !important;
}
.bee-black-theme .primary-color {
  color: #1e1e1e !important;
}
.bee-black-theme .gray-color {
  color: #C0C4CA !important;
}
.bee-black-theme .primary-color-200 {
  color: #8f8f8f !important;
}
.bee-black-theme svg.primary-fill-svg {
  fill: #1e1e1e !important;
}
.bee-black-theme .primary-fill {
  fill: #1e1e1e !important;
}
.bee-black-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-black-theme .primary-border-50 {
  border-color: #e4e4e4 !important;
}
.bee-black-theme .primary-border-100 {
  border-color: #bcbcbc !important;
}
.bee-black-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.bee-black-theme .transparent-border-100 {
  border-color: transparent !important;
}
.bee-black-theme .primary-border-200 {
  border-color: #8f8f8f !important;
}
.bee-black-theme .primary-indicator .mat-expansion-indicator:after {
  color: #1e1e1e;
}
.bee-black-theme .contrast-background {
  background-color: #ffffff !important;
}
.bee-black-theme .primary-color-small {
  color: rgba(30, 30, 30, 0.6);
}
.bee-black-theme .marine-background {
  background-color: #0f223e !important;
}
.bee-black-theme .primary-background {
  background-color: #1e1e1e !important;
}
.bee-black-theme .primary-background-50 {
  background-color: #e4e4e4 !important;
}
.bee-black-theme .primary-background-200 {
  background-color: #8f8f8f !important;
}
.bee-black-theme .primary-background-800 {
  background-color: #121212 !important;
}
.bee-black-theme .white-color {
  color: white !important;
}
.bee-black-theme .secondary-color {
  color: #e07171 !important;
}
.bee-black-theme .secondary-background {
  background-color: #e07171 !important;
}
.bee-black-theme .secondary-background-semi {
  background-color: #1e1e1e !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #1e1e1e !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-black-theme .secondary-background-full {
  background-color: #1e1e1e !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #1e1e1e !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-black-theme .secondary-background-empty {
  background-color: #1e1e1e !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #1e1e1e !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-black-theme .secondary-border {
  background-color: #e07171 !important;
}
.bee-black-theme .tertiary-color {
  color: #eb0000 !important;
}
.bee-black-theme button.button-tertiary {
  background-color: #eb0000 !important;
  color: #1e1e1e !important;
  border: 1px solid #1e1e1e !important;
}
.bee-black-theme span.red-text {
  color: #DB1F35 !important;
}
.bee-black-theme .tertiary-background {
  background-color: #eb0000 !important;
}
.bee-black-theme .tertiary-border {
  border-color: #eb0000 !important;
}
.bee-black-theme .dark-background {
  background-color: black !important;
}
.bee-black-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.bee-black-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.bee-black-theme .primary-soft-background {
  background-color: rgba(30, 30, 30, 0.1) !important;
}
.bee-black-theme .primary-soft-background:hover {
  background-color: rgba(30, 30, 30, 0.15) !important;
}
.bee-black-theme .primary-border {
  border-color: #1e1e1e !important;
}
.bee-black-theme .default-background {
  background-color: #fafafa !important;
}
.bee-black-theme .hover-primary:hover {
  color: #1e1e1e !important;
}
.bee-black-theme .hover-primary-background:hover {
  background-color: #1e1e1e !important;
}
.bee-black-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.bee-black-theme .warn-color {
  color: #e74737 !important;
}
.bee-black-theme .warn-border {
  border-color: #e74737 !important;
}
.bee-black-theme .accent-color {
  color: #cddc39 !important;
}
.bee-black-theme .accent-background {
  background-color: #cddc39 !important;
}
.bee-black-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.bee-black-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.bee-black-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.bee-black-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-black-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-black-theme .dialog-table tr .action-icon {
  color: transparent;
}
.bee-black-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bee-black-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.bee-black-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #1e1e1e;
}
.bee-black-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-black-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-black-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.bee-black-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.bee-black-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.bee-black-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-black-theme .card-table tr .action-icon {
  color: transparent;
}
.bee-black-theme .card-table tr .action-icon button {
  color: transparent;
}
.bee-black-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-black-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-black-theme .card-table tr:hover .action-icon button {
  color: #1e1e1e;
}
.bee-black-theme .card-table tr:hover .action-icon:hover {
  color: #1e1e1e;
}
.bee-black-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-black-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.bee-black-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-black-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-black-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #1e1e1e;
}
.bee-black-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-black-theme .no-hover-table tr:hover {
  background: white;
}
.bee-black-theme .custom-standard-chip {
  background-color: rgba(30, 30, 30, 0.1) !important;
  color: #1e1e1e !important;
}
.bee-black-theme .help-dashboard-card .mat-icon {
  color: #1e1e1e;
}
.bee-black-theme .help-dashboard-card:hover {
  background-color: #1e1e1e;
}
.bee-black-theme .help-dashboard-card:hover .mat-icon,
.bee-black-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.bee-black-theme .room-open {
  background-color: #1e1e1e !important;
  color: white !important;
}
.bee-black-theme .room-open:hover {
  background-color: #1e1e1e !important;
  color: white !important;
}
.bee-black-theme #public-office-page-groups .public-group-button-hover {
  background-color: #1e1e1e !important;
  color: white !important;
}
.bee-black-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-black-theme .notification-container .show-tip {
  color: transparent;
}
.bee-black-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-black-theme .notification-container:hover .show-tip {
  color: #1e1e1e;
}
.bee-black-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-black-theme .notification-container .notification-subject .mat-icon {
  color: #1e1e1e;
}
.bee-black-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-black-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-black-theme .message-container .show-tip {
  color: transparent;
}
.bee-black-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-black-theme .message-container:hover .show-tip {
  color: #1e1e1e;
}
.bee-black-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-black-theme .message-container .message-subject .mat-icon {
  color: #1e1e1e;
}
.bee-black-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-black-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.bee-black-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.bee-black-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.bee-black-theme .primary-200-outline input {
  caret-color: #8f8f8f;
  color: #1e1e1e;
}
.bee-black-theme .primary-200-outline label {
  color: #8f8f8f;
}
.bee-black-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #8f8f8f !important;
}
.bee-black-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #8f8f8f;
}
.bee-black-theme mat-form-field .primary-outline label {
  color: #1e1e1e !important;
}
.bee-black-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #1e1e1e !important;
}
.bee-black-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #1e1e1e !important;
}
.bee-black-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.bee-black-theme .input-primary input {
  caret-color: #1e1e1e;
  color: #1e1e1e;
}
.bee-black-theme .input-primary label {
  color: #1e1e1e;
}
.bee-black-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #1e1e1e !important;
}
.bee-black-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.bee-black-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #1e1e1e;
  border-width: 1px;
}
.bee-black-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.bee-black-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.bee-black-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.bee-black-theme .boton-recarga {
  background-color: #1e1e1e;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.bee-black-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.bee-black-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.bee-black-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.bee-black-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.bee-black-theme .header-container button {
  padding: 0 !important;
}
.bee-black-theme .header-container .mat-button {
  min-width: unset !important;
}
.bee-black-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.bee-black-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bee-black-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.bee-black-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.bee-black-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.bee-black-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-black-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-black-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-black-theme .input-recarga-marine {
  border: 1px solid #1e1e1e !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.bee-black-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-black-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-black-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-black-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-black-theme .color-primary {
  color: #1e1e1e !important;
  fill: #1e1e1e !important;
}
.bee-black-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.bee-black-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.bee-black-theme .primary-contrast {
  color: #ffffff !important;
}
.bee-black-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #1e1e1e !important;
}
.bee-black-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #1e1e1e !important;
}
.bee-black-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.bee-black-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #1e1e1e !important;
}
.bee-black-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-black-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-black-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-black-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #1e1e1e !important;
}
.bee-black-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #1e1e1e !important;
}
.bee-black-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #1e1e1e !important;
}
.bee-black-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #1e1e1e !important;
}
.bee-black-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #1e1e1e !important;
}
.bee-black-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-black-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #1e1e1e !important;
}
.bee-black-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-black-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #1e1e1e !important;
}
.bee-black-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-black-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-black-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #1e1e1e !important;
}
.bee-black-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #e07171 !important;
}
.bee-black-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-black-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #1e1e1e !important;
}
.bee-black-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #1e1e1e !important;
}
.bee-black-theme .mat-checkbox-checked .mat-checkbox-background,
.bee-black-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #1e1e1e !important;
}
.bee-black-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #1e1e1e !important;
}
.bee-black-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-black-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #1e1e1e !important;
}
.bee-black-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-black-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #1e1e1e !important;
}
.bee-black-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #8f8f8f !important;
}
.bee-black-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #1e1e1e !important;
}
.bee-black-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-black-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.bee-black-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.bee-black-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.bee-black-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #1e1e1e !important;
}
.bee-black-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #1e1e1e !important;
}
.bee-black-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #1e1e1e !important;
}
.bee-black-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-black-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #1e1e1e !important;
}
.bee-black-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #1e1e1e !important;
}
.bee-black-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #1e1e1e !important;
}
.bee-black-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-black-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-black-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #1e1e1e !important;
}
.bee-black-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #1e1e1e !important;
}
.bee-black-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-black-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-black-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #1e1e1e !important;
}
.bee-black-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-black-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-black-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-black-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #1e1e1e !important;
}
.bee-black-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.bee-black-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #1e1e1e !important;
}
.bee-black-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #1e1e1e !important;
}
.bee-black-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #1e1e1e !important;
}
.bee-black-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.bee-black-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-black-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-black-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #1e1e1e !important;
}
.bee-black-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #1e1e1e !important;
}
.bee-black-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #e07171 !important;
}
.bee-black-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #e07171 !important;
}
.bee-black-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.bee-black-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #1e1e1e !important;
}
.bee-black-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #1e1e1e !important;
}
.bee-black-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.bee-black-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #1e1e1e !important;
}
.bee-black-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #1e1e1e !important;
}
.bee-black-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bee-black-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bee-black-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.bee-black-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #e07171 !important;
}
.bee-black-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e07171 !important;
}
.bee-black-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.bee-black-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.bee-black-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #eb0000 !important;
}
.bee-black-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #eb0000 !important;
}
.bee-black-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #eb0000 !important;
}
.bee-black-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #eb0000 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bee-black-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #eb0000 !important;
}
.bee-black-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #eb0000 !important;
}
.bee-black-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #1e1e1e !important;
}
.bee-black-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #1e1e1e !important;
}
.bee-black-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #1e1e1e !important;
}
.bee-black-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bee-black-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.bee-black-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bee-black-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.bee-black-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.bee-black-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #1e1e1e !important;
}
.bee-black-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #1e1e1e !important;
}
.bee-black-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #1e1e1e !important;
}
.bee-black-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #1e1e1e !important;
}
.bee-black-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #1e1e1e !important;
}
.bee-black-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #1e1e1e !important;
}
.bee-black-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.bee-black-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #1e1e1e !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.bee-black-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.bee-black-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.bee-black-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.bee-black-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.bee-black-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.bee-black-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #e07171 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-black-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #1e1e1e !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #1e1e1e !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-black-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #1e1e1e !important;
}
.bee-black-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.bee-black-theme .button-text-hidden {
  display: none;
}
.bee-deep-grey-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #4e4e4e;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #cddc39;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #cddc39;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #4e4e4e 87%, transparent);
  --mat-form-field-filled-caret-color: #4e4e4e;
  --mat-form-field-filled-focus-active-indicator-color: #4e4e4e;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #4e4e4e 87%, transparent);
  --mat-form-field-outlined-caret-color: #4e4e4e;
  --mat-form-field-outlined-focus-outline-color: #4e4e4e;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #4e4e4e 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #4e4e4e;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #4e4e4e;
  --mat-slide-toggle-selected-handle-color: #4e4e4e;
  --mat-slide-toggle-selected-hover-state-layer-color: #4e4e4e;
  --mat-slide-toggle-selected-pressed-state-layer-color: #4e4e4e;
  --mat-slide-toggle-selected-focus-handle-color: #4e4e4e;
  --mat-slide-toggle-selected-hover-handle-color: #4e4e4e;
  --mat-slide-toggle-selected-pressed-handle-color: #4e4e4e;
  --mat-slide-toggle-selected-focus-track-color: #838383;
  --mat-slide-toggle-selected-hover-track-color: #838383;
  --mat-slide-toggle-selected-pressed-track-color: #838383;
  --mat-slide-toggle-selected-track-color: #838383;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #4e4e4e;
  --mat-slider-focus-handle-color: #4e4e4e;
  --mat-slider-handle-color: #4e4e4e;
  --mat-slider-hover-handle-color: #4e4e4e;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #4e4e4e 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #4e4e4e 4%, transparent);
  --mat-slider-inactive-track-color: #4e4e4e;
  --mat-slider-ripple-color: #4e4e4e;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #4e4e4e;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #cddc39;
  --mat-checkbox-selected-hover-icon-color: #cddc39;
  --mat-checkbox-selected-icon-color: #cddc39;
  --mat-checkbox-selected-pressed-icon-color: #cddc39;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #cddc39;
  --mat-checkbox-selected-hover-state-layer-color: #cddc39;
  --mat-checkbox-selected-pressed-state-layer-color: #cddc39;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #838383;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #4e4e4e;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #4e4e4e;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #4e4e4e 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #4e4e4e;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #4e4e4e 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #4e4e4e 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #4e4e4e 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #4e4e4e;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #4e4e4e;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #4e4e4e;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #4e4e4e;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #4e4e4e;
  --mat-slide-toggle-selected-handle-color: #4e4e4e;
  --mat-slide-toggle-selected-hover-state-layer-color: #4e4e4e;
  --mat-slide-toggle-selected-pressed-state-layer-color: #4e4e4e;
  --mat-slide-toggle-selected-focus-handle-color: #4e4e4e;
  --mat-slide-toggle-selected-hover-handle-color: #4e4e4e;
  --mat-slide-toggle-selected-pressed-handle-color: #4e4e4e;
  --mat-slide-toggle-selected-focus-track-color: #838383;
  --mat-slide-toggle-selected-hover-track-color: #838383;
  --mat-slide-toggle-selected-pressed-track-color: #838383;
  --mat-slide-toggle-selected-track-color: #838383;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-deep-grey-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #cddc39;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-deep-grey-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-deep-grey-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #4e4e4e;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #4e4e4e;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-deep-grey-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #cddc39;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #cddc39;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-deep-grey-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-deep-grey-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #4e4e4e;
  --mat-progress-bar-track-color: rgba(78, 78, 78, 0.25);
}
.bee-deep-grey-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #cddc39;
  --mat-progress-bar-track-color: rgba(205, 220, 57, 0.25);
}
.bee-deep-grey-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.bee-deep-grey-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #cddc39 87%, transparent);
  --mat-form-field-filled-caret-color: #cddc39;
  --mat-form-field-filled-focus-active-indicator-color: #cddc39;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #cddc39 87%, transparent);
  --mat-form-field-outlined-caret-color: #cddc39;
  --mat-form-field-outlined-focus-outline-color: #cddc39;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #cddc39 87%, transparent);
}
.bee-deep-grey-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.bee-deep-grey-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #cddc39;
  --mat-select-invalid-arrow-color: #e74737;
}
.bee-deep-grey-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.bee-deep-grey-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.bee-deep-grey-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-grey-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.bee-deep-grey-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #4e4e4e;
  --mat-chip-elevated-disabled-container-color: #4e4e4e;
  --mat-chip-elevated-selected-container-color: #4e4e4e;
  --mat-chip-flat-disabled-selected-container-color: #4e4e4e;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bee-deep-grey-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.bee-deep-grey-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: #cddc39;
  --mat-chip-elevated-disabled-container-color: #cddc39;
  --mat-chip-elevated-selected-container-color: #cddc39;
  --mat-chip-flat-disabled-selected-container-color: #cddc39;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-grey-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.bee-deep-grey-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bee-deep-grey-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.bee-deep-grey-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.bee-deep-grey-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-focus-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-handle-color: #cddc39;
  --mat-slide-toggle-selected-pressed-handle-color: #cddc39;
  --mat-slide-toggle-selected-focus-track-color: #dce775;
  --mat-slide-toggle-selected-hover-track-color: #dce775;
  --mat-slide-toggle-selected-pressed-track-color: #dce775;
  --mat-slide-toggle-selected-track-color: #dce775;
}
.bee-deep-grey-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bee-deep-grey-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-deep-grey-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #4e4e4e;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #4e4e4e;
  --mat-radio-selected-hover-icon-color: #4e4e4e;
  --mat-radio-selected-icon-color: #4e4e4e;
  --mat-radio-selected-pressed-icon-color: #4e4e4e;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-grey-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #cddc39;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #cddc39;
  --mat-radio-selected-hover-icon-color: #cddc39;
  --mat-radio-selected-icon-color: #cddc39;
  --mat-radio-selected-pressed-icon-color: #cddc39;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-grey-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-grey-theme .mat-accent {
  --mat-slider-active-track-color: #cddc39;
  --mat-slider-focus-handle-color: #cddc39;
  --mat-slider-handle-color: #cddc39;
  --mat-slider-hover-handle-color: #cddc39;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #cddc39 4%, transparent);
  --mat-slider-inactive-track-color: #cddc39;
  --mat-slider-ripple-color: #cddc39;
  --mat-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-inactive-container-color: #cddc39;
}
.bee-deep-grey-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.bee-deep-grey-theme .mdc-list-item__start,
.bee-deep-grey-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #4e4e4e;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #4e4e4e;
  --mat-radio-selected-hover-icon-color: #4e4e4e;
  --mat-radio-selected-icon-color: #4e4e4e;
  --mat-radio-selected-pressed-icon-color: #4e4e4e;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-grey-theme .mat-accent .mdc-list-item__start,
.bee-deep-grey-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #cddc39;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #cddc39;
  --mat-radio-selected-hover-icon-color: #cddc39;
  --mat-radio-selected-icon-color: #cddc39;
  --mat-radio-selected-pressed-icon-color: #cddc39;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-grey-theme .mat-warn .mdc-list-item__start,
.bee-deep-grey-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-grey-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #4e4e4e;
  --mat-checkbox-selected-hover-icon-color: #4e4e4e;
  --mat-checkbox-selected-icon-color: #4e4e4e;
  --mat-checkbox-selected-pressed-icon-color: #4e4e4e;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #4e4e4e;
  --mat-checkbox-selected-hover-state-layer-color: #4e4e4e;
  --mat-checkbox-selected-pressed-state-layer-color: #4e4e4e;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-grey-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #cddc39;
  --mat-checkbox-selected-hover-icon-color: #cddc39;
  --mat-checkbox-selected-icon-color: #cddc39;
  --mat-checkbox-selected-pressed-icon-color: #cddc39;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #cddc39;
  --mat-checkbox-selected-hover-state-layer-color: #cddc39;
  --mat-checkbox-selected-pressed-state-layer-color: #cddc39;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-grey-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-grey-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.bee-deep-grey-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.bee-deep-grey-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.bee-deep-grey-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #4e4e4e;
}
.bee-deep-grey-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.bee-deep-grey-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.bee-deep-grey-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.bee-deep-grey-theme .mdc-list-item__start,
.bee-deep-grey-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.bee-deep-grey-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.bee-deep-grey-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.bee-deep-grey-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.bee-deep-grey-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.bee-deep-grey-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.bee-deep-grey-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.bee-deep-grey-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.bee-deep-grey-theme .mat-mdc-tab-group,
.bee-deep-grey-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #4e4e4e;
  --mat-tab-active-ripple-color: #4e4e4e;
  --mat-tab-inactive-ripple-color: #4e4e4e;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #4e4e4e;
  --mat-tab-active-hover-label-text-color: #4e4e4e;
  --mat-tab-active-focus-indicator-color: #4e4e4e;
  --mat-tab-active-hover-indicator-color: #4e4e4e;
  --mat-tab-active-indicator-color: #4e4e4e;
}
.bee-deep-grey-theme .mat-mdc-tab-group.mat-accent,
.bee-deep-grey-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #cddc39;
  --mat-tab-active-ripple-color: #cddc39;
  --mat-tab-inactive-ripple-color: #cddc39;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #cddc39;
  --mat-tab-active-hover-label-text-color: #cddc39;
  --mat-tab-active-focus-indicator-color: #cddc39;
  --mat-tab-active-hover-indicator-color: #cddc39;
  --mat-tab-active-indicator-color: #cddc39;
}
.bee-deep-grey-theme .mat-mdc-tab-group.mat-warn,
.bee-deep-grey-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.bee-deep-grey-theme .mat-mdc-tab-group.mat-background-primary,
.bee-deep-grey-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #4e4e4e;
  --mat-tab-foreground-color: #ffffff;
}
.bee-deep-grey-theme .mat-mdc-tab-group.mat-background-accent,
.bee-deep-grey-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #cddc39;
  --mat-tab-foreground-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-grey-theme .mat-mdc-tab-group.mat-background-warn,
.bee-deep-grey-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.bee-deep-grey-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.bee-deep-grey-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.bee-deep-grey-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #4e4e4e;
  --mat-checkbox-selected-hover-icon-color: #4e4e4e;
  --mat-checkbox-selected-icon-color: #4e4e4e;
  --mat-checkbox-selected-pressed-icon-color: #4e4e4e;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #4e4e4e;
  --mat-checkbox-selected-hover-state-layer-color: #4e4e4e;
  --mat-checkbox-selected-pressed-state-layer-color: #4e4e4e;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-grey-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-grey-theme .mat-mdc-button.mat-primary,
.bee-deep-grey-theme .mat-mdc-unelevated-button.mat-primary,
.bee-deep-grey-theme .mat-mdc-raised-button.mat-primary,
.bee-deep-grey-theme .mat-mdc-outlined-button.mat-primary,
.bee-deep-grey-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #4e4e4e;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #4e4e4e;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #4e4e4e 12%, transparent);
  --mat-button-outlined-state-layer-color: #4e4e4e;
  --mat-button-protected-container-color: #4e4e4e;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #4e4e4e;
  --mat-button-text-ripple-color: color-mix(in srgb, #4e4e4e 12%, transparent);
  --mat-button-text-state-layer-color: #4e4e4e;
  --mat-button-tonal-container-color: #4e4e4e;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bee-deep-grey-theme .mat-mdc-button.mat-accent,
.bee-deep-grey-theme .mat-mdc-unelevated-button.mat-accent,
.bee-deep-grey-theme .mat-mdc-raised-button.mat-accent,
.bee-deep-grey-theme .mat-mdc-outlined-button.mat-accent,
.bee-deep-grey-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #cddc39;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-label-text-color: #cddc39;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-button-outlined-state-layer-color: #cddc39;
  --mat-button-protected-container-color: #cddc39;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-label-text-color: #cddc39;
  --mat-button-text-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-button-text-state-layer-color: #cddc39;
  --mat-button-tonal-container-color: #cddc39;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-grey-theme .mat-mdc-button.mat-warn,
.bee-deep-grey-theme .mat-mdc-unelevated-button.mat-warn,
.bee-deep-grey-theme .mat-mdc-raised-button.mat-warn,
.bee-deep-grey-theme .mat-mdc-outlined-button.mat-warn,
.bee-deep-grey-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bee-deep-grey-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #4e4e4e;
  --mat-icon-button-state-layer-color: #4e4e4e;
  --mat-icon-button-ripple-color: color-mix(in srgb, #4e4e4e 12%, transparent);
}
.bee-deep-grey-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #cddc39;
  --mat-icon-button-state-layer-color: #cddc39;
  --mat-icon-button-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
}
.bee-deep-grey-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.bee-deep-grey-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.bee-deep-grey-theme .mat-mdc-fab.mat-primary,
.bee-deep-grey-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #4e4e4e;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #4e4e4e 12%, transparent);
  --mat-fab-small-container-color: #4e4e4e;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bee-deep-grey-theme .mat-mdc-fab.mat-accent,
.bee-deep-grey-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #cddc39;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-fab-small-container-color: #cddc39;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-grey-theme .mat-mdc-fab.mat-warn,
.bee-deep-grey-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bee-deep-grey-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #cddc39;
}
.bee-deep-grey-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.bee-deep-grey-theme .mat-badge-accent {
  --mat-badge-background-color: #cddc39;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-grey-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.bee-deep-grey-theme .mat-datepicker-content.mat-accent,
.bee-deep-grey-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #cddc39;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #cddc39 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #cddc39 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #cddc39;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-grey-theme .mat-datepicker-content.mat-warn,
.bee-deep-grey-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-grey-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.bee-deep-grey-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.bee-deep-grey-theme .mat-icon.mat-primary {
  --mat-icon-color: #4e4e4e;
}
.bee-deep-grey-theme .mat-icon.mat-accent {
  --mat-icon-color: #cddc39;
}
.bee-deep-grey-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.bee-deep-grey-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #cddc39;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #cddc39;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #cddc39;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-grey-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.bee-deep-grey-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #4e4e4e;
  --mat-toolbar-container-text-color: #ffffff;
}
.bee-deep-grey-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #cddc39;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-grey-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.bee-deep-grey-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-focus-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-handle-color: #cddc39;
  --mat-slide-toggle-selected-pressed-handle-color: #cddc39;
  --mat-slide-toggle-selected-focus-track-color: #dce775;
  --mat-slide-toggle-selected-hover-track-color: #dce775;
  --mat-slide-toggle-selected-pressed-track-color: #dce775;
  --mat-slide-toggle-selected-track-color: #dce775;
}
.bee-deep-grey-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bee-deep-grey-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-deep-grey-theme .back-container {
  color: #4e4e4e;
}
.bee-deep-grey-theme .back-container:hover {
  opacity: 0.54;
}
.bee-deep-grey-theme .warn-text {
  color: #e74737;
}
.bee-deep-grey-theme .inside-modal-title.primary-colored-title,
.bee-deep-grey-theme .form-title.primary-colored-title {
  color: #4e4e4e;
}
.bee-deep-grey-theme .full-height-container form .button-container {
  background: white;
}
.bee-deep-grey-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.bee-deep-grey-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.bee-deep-grey-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-grey-theme .box-checkbox.active-box-checkbox {
  background-color: #4e4e4e;
  color: white;
}
.bee-deep-grey-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-grey-theme .box-radio.active-box-radio {
  background-color: #4e4e4e;
  color: white;
}
.bee-deep-grey-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-grey-theme .error {
  color: #e74737;
}
.bee-deep-grey-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.bee-deep-grey-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-grey-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-grey-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.bee-deep-grey-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-grey-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-grey-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-grey-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-grey-theme .ql-snow .ql-picker-options {
  background: white;
}
.bee-deep-grey-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.bee-deep-grey-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.bee-deep-grey-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.bee-deep-grey-theme .ql-snow .ql-fill,
.bee-deep-grey-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.bee-deep-grey-theme .ql-snow.ql-toolbar button:hover,
.bee-deep-grey-theme .ql-snow .ql-toolbar button:hover,
.bee-deep-grey-theme .ql-snow.ql-toolbar button:focus,
.bee-deep-grey-theme .ql-snow .ql-toolbar button:focus,
.bee-deep-grey-theme .ql-snow.ql-toolbar button.ql-active,
.bee-deep-grey-theme .ql-snow .ql-toolbar button.ql-active,
.bee-deep-grey-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.bee-deep-grey-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.bee-deep-grey-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.bee-deep-grey-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.bee-deep-grey-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.bee-deep-grey-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.bee-deep-grey-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.bee-deep-grey-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.bee-deep-grey-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.bee-deep-grey-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.bee-deep-grey-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.bee-deep-grey-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.bee-deep-grey-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.bee-deep-grey-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.bee-deep-grey-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-deep-grey-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-deep-grey-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-deep-grey-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-deep-grey-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-deep-grey-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-deep-grey-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-deep-grey-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-deep-grey-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-deep-grey-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-deep-grey-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-deep-grey-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-deep-grey-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-deep-grey-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-deep-grey-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-deep-grey-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-deep-grey-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-deep-grey-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-deep-grey-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-deep-grey-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-deep-grey-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.bee-deep-grey-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.bee-deep-grey-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.bee-deep-grey-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.bee-deep-grey-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.bee-deep-grey-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.bee-deep-grey-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.bee-deep-grey-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.bee-deep-grey-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-deep-grey-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-deep-grey-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-deep-grey-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-deep-grey-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-deep-grey-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-deep-grey-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-deep-grey-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-deep-grey-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.bee-deep-grey-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.bee-deep-grey-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.bee-deep-grey-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.bee-deep-grey-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.bee-deep-grey-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.bee-deep-grey-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-deep-grey-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-deep-grey-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-deep-grey-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-deep-grey-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-deep-grey-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-deep-grey-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.bee-deep-grey-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.bee-deep-grey-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-deep-grey-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-deep-grey-theme bee-form-item {
  margin-right: 0 !important;
}
.bee-deep-grey-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.bee-deep-grey-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #4e4e4e;
  height: 38px !important;
}
.bee-deep-grey-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.bee-deep-grey-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.bee-deep-grey-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.bee-deep-grey-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.bee-deep-grey-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.bee-deep-grey-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.bee-deep-grey-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.bee-deep-grey-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.bee-deep-grey-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .bee-deep-grey-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.bee-deep-grey-theme .general-container .label-wrapper label {
  color: #4e4e4e !important;
  background-color: white;
}
.bee-deep-grey-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-deep-grey-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.bee-deep-grey-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.bee-deep-grey-theme .general-container .bee-selector .bee-selector-container {
  border-color: #4e4e4e !important;
}
.bee-deep-grey-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.bee-deep-grey-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.bee-deep-grey-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-grey-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.bee-deep-grey-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.bee-deep-grey-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-grey-theme .general-container .bee-selector .bee-selector-container:focus,
.bee-deep-grey-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #4e4e4e;
}
.bee-deep-grey-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.bee-deep-grey-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #4e4e4e;
}
.bee-deep-grey-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.bee-deep-grey-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #4e4e4e;
}
.bee-deep-grey-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bee-deep-grey-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-deep-grey-theme .general-container .bee-dropdown {
  background: white;
}
.bee-deep-grey-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #4e4e4e;
}
.bee-deep-grey-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.bee-deep-grey-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.bee-deep-grey-theme .general-container .selector-error {
  color: #e74737;
}
.bee-deep-grey-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-deep-grey-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.bee-deep-grey-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-grey-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.bee-deep-grey-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #4e4e4e;
}
.bee-deep-grey-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bee-deep-grey-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-deep-grey-theme .move-image-action-container:hover {
  color: #4e4e4e;
}
.bee-deep-grey-theme .info-icon {
  color: #4e4e4e;
}
.bee-deep-grey-theme .email-chip {
  color: #4e4e4e !important;
  background-color: rgba(78, 78, 78, 0.15) !important;
}
.bee-deep-grey-theme .email-chip .mat-chip-remove {
  color: #4e4e4e !important;
  opacity: 1 !important;
}
.bee-deep-grey-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-grey-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.bee-deep-grey-theme .mat-badge-content {
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #4e4e4e !important;
}
.bee-deep-grey-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #4e4e4e !important;
}
.bee-deep-grey-theme #circle-lleno {
  background: #f18282;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.bee-deep-grey-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.bee-deep-grey-theme .marine-color {
  color: #0f223e !important;
}
.bee-deep-grey-theme .primary-color {
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .gray-color {
  color: #C0C4CA !important;
}
.bee-deep-grey-theme .primary-color-200 {
  color: #a7a7a7 !important;
}
.bee-deep-grey-theme svg.primary-fill-svg {
  fill: #4e4e4e !important;
}
.bee-deep-grey-theme .primary-fill {
  fill: #4e4e4e !important;
}
.bee-deep-grey-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-deep-grey-theme .primary-border-50 {
  border-color: #eaeaea !important;
}
.bee-deep-grey-theme .primary-border-100 {
  border-color: #cacaca !important;
}
.bee-deep-grey-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.bee-deep-grey-theme .transparent-border-100 {
  border-color: transparent !important;
}
.bee-deep-grey-theme .primary-border-200 {
  border-color: #a7a7a7 !important;
}
.bee-deep-grey-theme .primary-indicator .mat-expansion-indicator:after {
  color: #4e4e4e;
}
.bee-deep-grey-theme .contrast-background {
  background-color: #ffffff !important;
}
.bee-deep-grey-theme .primary-color-small {
  color: rgba(78, 78, 78, 0.6);
}
.bee-deep-grey-theme .marine-background {
  background-color: #0f223e !important;
}
.bee-deep-grey-theme .primary-background {
  background-color: #4e4e4e !important;
}
.bee-deep-grey-theme .primary-background-50 {
  background-color: #eaeaea !important;
}
.bee-deep-grey-theme .primary-background-200 {
  background-color: #a7a7a7 !important;
}
.bee-deep-grey-theme .primary-background-800 {
  background-color: #353535 !important;
}
.bee-deep-grey-theme .white-color {
  color: white !important;
}
.bee-deep-grey-theme .secondary-color {
  color: #f18282 !important;
}
.bee-deep-grey-theme .secondary-background {
  background-color: #f18282 !important;
}
.bee-deep-grey-theme .secondary-background-semi {
  background-color: #4e4e4e !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #4e4e4e !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-deep-grey-theme .secondary-background-full {
  background-color: #4e4e4e !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #4e4e4e !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-deep-grey-theme .secondary-background-empty {
  background-color: #4e4e4e !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #4e4e4e !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-deep-grey-theme .secondary-border {
  background-color: #f18282 !important;
}
.bee-deep-grey-theme .tertiary-color {
  color: #ff0e0e !important;
}
.bee-deep-grey-theme button.button-tertiary {
  background-color: #ff0e0e !important;
  color: #4e4e4e !important;
  border: 1px solid #4e4e4e !important;
}
.bee-deep-grey-theme span.red-text {
  color: #DB1F35 !important;
}
.bee-deep-grey-theme .tertiary-background {
  background-color: #ff0e0e !important;
}
.bee-deep-grey-theme .tertiary-border {
  border-color: #ff0e0e !important;
}
.bee-deep-grey-theme .dark-background {
  background-color: black !important;
}
.bee-deep-grey-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.bee-deep-grey-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.bee-deep-grey-theme .primary-soft-background {
  background-color: rgba(78, 78, 78, 0.1) !important;
}
.bee-deep-grey-theme .primary-soft-background:hover {
  background-color: rgba(78, 78, 78, 0.15) !important;
}
.bee-deep-grey-theme .primary-border {
  border-color: #4e4e4e !important;
}
.bee-deep-grey-theme .default-background {
  background-color: #fafafa !important;
}
.bee-deep-grey-theme .hover-primary:hover {
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .hover-primary-background:hover {
  background-color: #4e4e4e !important;
}
.bee-deep-grey-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.bee-deep-grey-theme .warn-color {
  color: #e74737 !important;
}
.bee-deep-grey-theme .warn-border {
  border-color: #e74737 !important;
}
.bee-deep-grey-theme .accent-color {
  color: #cddc39 !important;
}
.bee-deep-grey-theme .accent-background {
  background-color: #cddc39 !important;
}
.bee-deep-grey-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.bee-deep-grey-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-grey-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.bee-deep-grey-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-grey-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-grey-theme .dialog-table tr .action-icon {
  color: transparent;
}
.bee-deep-grey-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bee-deep-grey-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.bee-deep-grey-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #4e4e4e;
}
.bee-deep-grey-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-deep-grey-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-grey-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.bee-deep-grey-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.bee-deep-grey-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-grey-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-grey-theme .card-table tr .action-icon {
  color: transparent;
}
.bee-deep-grey-theme .card-table tr .action-icon button {
  color: transparent;
}
.bee-deep-grey-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-deep-grey-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-grey-theme .card-table tr:hover .action-icon button {
  color: #4e4e4e;
}
.bee-deep-grey-theme .card-table tr:hover .action-icon:hover {
  color: #4e4e4e;
}
.bee-deep-grey-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-grey-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.bee-deep-grey-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-deep-grey-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-grey-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #4e4e4e;
}
.bee-deep-grey-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-grey-theme .no-hover-table tr:hover {
  background: white;
}
.bee-deep-grey-theme .custom-standard-chip {
  background-color: rgba(78, 78, 78, 0.1) !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .help-dashboard-card .mat-icon {
  color: #4e4e4e;
}
.bee-deep-grey-theme .help-dashboard-card:hover {
  background-color: #4e4e4e;
}
.bee-deep-grey-theme .help-dashboard-card:hover .mat-icon,
.bee-deep-grey-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.bee-deep-grey-theme .room-open {
  background-color: #4e4e4e !important;
  color: white !important;
}
.bee-deep-grey-theme .room-open:hover {
  background-color: #4e4e4e !important;
  color: white !important;
}
.bee-deep-grey-theme #public-office-page-groups .public-group-button-hover {
  background-color: #4e4e4e !important;
  color: white !important;
}
.bee-deep-grey-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-grey-theme .notification-container .show-tip {
  color: transparent;
}
.bee-deep-grey-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-deep-grey-theme .notification-container:hover .show-tip {
  color: #4e4e4e;
}
.bee-deep-grey-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-deep-grey-theme .notification-container .notification-subject .mat-icon {
  color: #4e4e4e;
}
.bee-deep-grey-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-grey-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-deep-grey-theme .message-container .show-tip {
  color: transparent;
}
.bee-deep-grey-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-deep-grey-theme .message-container:hover .show-tip {
  color: #4e4e4e;
}
.bee-deep-grey-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-deep-grey-theme .message-container .message-subject .mat-icon {
  color: #4e4e4e;
}
.bee-deep-grey-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-deep-grey-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.bee-deep-grey-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.bee-deep-grey-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.bee-deep-grey-theme .primary-200-outline input {
  caret-color: #a7a7a7;
  color: #4e4e4e;
}
.bee-deep-grey-theme .primary-200-outline label {
  color: #a7a7a7;
}
.bee-deep-grey-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #a7a7a7 !important;
}
.bee-deep-grey-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #a7a7a7;
}
.bee-deep-grey-theme mat-form-field .primary-outline label {
  color: #4e4e4e !important;
}
.bee-deep-grey-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #4e4e4e !important;
}
.bee-deep-grey-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.bee-deep-grey-theme .input-primary input {
  caret-color: #4e4e4e;
  color: #4e4e4e;
}
.bee-deep-grey-theme .input-primary label {
  color: #4e4e4e;
}
.bee-deep-grey-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #4e4e4e !important;
}
.bee-deep-grey-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.bee-deep-grey-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #4e4e4e;
  border-width: 1px;
}
.bee-deep-grey-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.bee-deep-grey-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.bee-deep-grey-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.bee-deep-grey-theme .boton-recarga {
  background-color: #4e4e4e;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.bee-deep-grey-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.bee-deep-grey-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.bee-deep-grey-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.bee-deep-grey-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.bee-deep-grey-theme .header-container button {
  padding: 0 !important;
}
.bee-deep-grey-theme .header-container .mat-button {
  min-width: unset !important;
}
.bee-deep-grey-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.bee-deep-grey-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bee-deep-grey-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.bee-deep-grey-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.bee-deep-grey-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.bee-deep-grey-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-deep-grey-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-deep-grey-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-deep-grey-theme .input-recarga-marine {
  border: 1px solid #4e4e4e !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.bee-deep-grey-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-deep-grey-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-deep-grey-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-deep-grey-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-deep-grey-theme .color-primary {
  color: #4e4e4e !important;
  fill: #4e4e4e !important;
}
.bee-deep-grey-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.bee-deep-grey-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.bee-deep-grey-theme .primary-contrast {
  color: #ffffff !important;
}
.bee-deep-grey-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.bee-deep-grey-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-deep-grey-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-deep-grey-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-deep-grey-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-deep-grey-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-deep-grey-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-deep-grey-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-deep-grey-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #f18282 !important;
}
.bee-deep-grey-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-deep-grey-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .mat-checkbox-checked .mat-checkbox-background,
.bee-deep-grey-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #4e4e4e !important;
}
.bee-deep-grey-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-deep-grey-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-deep-grey-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #a7a7a7 !important;
}
.bee-deep-grey-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-deep-grey-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.bee-deep-grey-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.bee-deep-grey-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.bee-deep-grey-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-deep-grey-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-deep-grey-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-deep-grey-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-deep-grey-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-deep-grey-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-deep-grey-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-deep-grey-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-deep-grey-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.bee-deep-grey-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.bee-deep-grey-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-deep-grey-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-deep-grey-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #f18282 !important;
}
.bee-deep-grey-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #f18282 !important;
}
.bee-deep-grey-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.bee-deep-grey-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.bee-deep-grey-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bee-deep-grey-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bee-deep-grey-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.bee-deep-grey-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #f18282 !important;
}
.bee-deep-grey-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #f18282 !important;
}
.bee-deep-grey-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.bee-deep-grey-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.bee-deep-grey-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ff0e0e !important;
}
.bee-deep-grey-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ff0e0e !important;
}
.bee-deep-grey-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ff0e0e !important;
}
.bee-deep-grey-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ff0e0e !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bee-deep-grey-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ff0e0e !important;
}
.bee-deep-grey-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #ff0e0e !important;
}
.bee-deep-grey-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bee-deep-grey-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.bee-deep-grey-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bee-deep-grey-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.bee-deep-grey-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.bee-deep-grey-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.bee-deep-grey-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #4e4e4e !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.bee-deep-grey-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.bee-deep-grey-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.bee-deep-grey-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.bee-deep-grey-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.bee-deep-grey-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.bee-deep-grey-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #f18282 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-deep-grey-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #4e4e4e !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #4e4e4e !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-deep-grey-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #4e4e4e !important;
}
.bee-deep-grey-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.bee-deep-grey-theme .button-text-hidden {
  display: none;
}
.bee-blue-grey-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #546e7a;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #cddc39;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #cddc39;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #546e7a 87%, transparent);
  --mat-form-field-filled-caret-color: #546e7a;
  --mat-form-field-filled-focus-active-indicator-color: #546e7a;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #546e7a 87%, transparent);
  --mat-form-field-outlined-caret-color: #546e7a;
  --mat-form-field-outlined-focus-outline-color: #546e7a;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #546e7a 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #546e7a;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #546e7a;
  --mat-slide-toggle-selected-handle-color: #546e7a;
  --mat-slide-toggle-selected-hover-state-layer-color: #546e7a;
  --mat-slide-toggle-selected-pressed-state-layer-color: #546e7a;
  --mat-slide-toggle-selected-focus-handle-color: #546e7a;
  --mat-slide-toggle-selected-hover-handle-color: #546e7a;
  --mat-slide-toggle-selected-pressed-handle-color: #546e7a;
  --mat-slide-toggle-selected-focus-track-color: #879aa2;
  --mat-slide-toggle-selected-hover-track-color: #879aa2;
  --mat-slide-toggle-selected-pressed-track-color: #879aa2;
  --mat-slide-toggle-selected-track-color: #879aa2;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #546e7a;
  --mat-slider-focus-handle-color: #546e7a;
  --mat-slider-handle-color: #546e7a;
  --mat-slider-hover-handle-color: #546e7a;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #546e7a 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #546e7a 4%, transparent);
  --mat-slider-inactive-track-color: #546e7a;
  --mat-slider-ripple-color: #546e7a;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #546e7a;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #cddc39;
  --mat-checkbox-selected-hover-icon-color: #cddc39;
  --mat-checkbox-selected-icon-color: #cddc39;
  --mat-checkbox-selected-pressed-icon-color: #cddc39;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #cddc39;
  --mat-checkbox-selected-hover-state-layer-color: #cddc39;
  --mat-checkbox-selected-pressed-state-layer-color: #cddc39;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #879aa2;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #546e7a;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #546e7a;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #546e7a 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #546e7a;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #546e7a 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #546e7a 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #546e7a 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #546e7a;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #546e7a;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #546e7a;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #546e7a;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #546e7a;
  --mat-slide-toggle-selected-handle-color: #546e7a;
  --mat-slide-toggle-selected-hover-state-layer-color: #546e7a;
  --mat-slide-toggle-selected-pressed-state-layer-color: #546e7a;
  --mat-slide-toggle-selected-focus-handle-color: #546e7a;
  --mat-slide-toggle-selected-hover-handle-color: #546e7a;
  --mat-slide-toggle-selected-pressed-handle-color: #546e7a;
  --mat-slide-toggle-selected-focus-track-color: #879aa2;
  --mat-slide-toggle-selected-hover-track-color: #879aa2;
  --mat-slide-toggle-selected-pressed-track-color: #879aa2;
  --mat-slide-toggle-selected-track-color: #879aa2;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-blue-grey-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #cddc39;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-blue-grey-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-blue-grey-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #546e7a;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #546e7a;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-blue-grey-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #cddc39;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #cddc39;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-blue-grey-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-blue-grey-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #546e7a;
  --mat-progress-bar-track-color: rgba(84, 110, 122, 0.25);
}
.bee-blue-grey-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #cddc39;
  --mat-progress-bar-track-color: rgba(205, 220, 57, 0.25);
}
.bee-blue-grey-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.bee-blue-grey-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #cddc39 87%, transparent);
  --mat-form-field-filled-caret-color: #cddc39;
  --mat-form-field-filled-focus-active-indicator-color: #cddc39;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #cddc39 87%, transparent);
  --mat-form-field-outlined-caret-color: #cddc39;
  --mat-form-field-outlined-focus-outline-color: #cddc39;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #cddc39 87%, transparent);
}
.bee-blue-grey-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.bee-blue-grey-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #cddc39;
  --mat-select-invalid-arrow-color: #e74737;
}
.bee-blue-grey-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.bee-blue-grey-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.bee-blue-grey-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-grey-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.bee-blue-grey-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #546e7a;
  --mat-chip-elevated-disabled-container-color: #546e7a;
  --mat-chip-elevated-selected-container-color: #546e7a;
  --mat-chip-flat-disabled-selected-container-color: #546e7a;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bee-blue-grey-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.bee-blue-grey-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: #cddc39;
  --mat-chip-elevated-disabled-container-color: #cddc39;
  --mat-chip-elevated-selected-container-color: #cddc39;
  --mat-chip-flat-disabled-selected-container-color: #cddc39;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-grey-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.bee-blue-grey-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bee-blue-grey-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.bee-blue-grey-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.bee-blue-grey-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-focus-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-handle-color: #cddc39;
  --mat-slide-toggle-selected-pressed-handle-color: #cddc39;
  --mat-slide-toggle-selected-focus-track-color: #dce775;
  --mat-slide-toggle-selected-hover-track-color: #dce775;
  --mat-slide-toggle-selected-pressed-track-color: #dce775;
  --mat-slide-toggle-selected-track-color: #dce775;
}
.bee-blue-grey-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bee-blue-grey-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-blue-grey-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #546e7a;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #546e7a;
  --mat-radio-selected-hover-icon-color: #546e7a;
  --mat-radio-selected-icon-color: #546e7a;
  --mat-radio-selected-pressed-icon-color: #546e7a;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-grey-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #cddc39;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #cddc39;
  --mat-radio-selected-hover-icon-color: #cddc39;
  --mat-radio-selected-icon-color: #cddc39;
  --mat-radio-selected-pressed-icon-color: #cddc39;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-grey-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-grey-theme .mat-accent {
  --mat-slider-active-track-color: #cddc39;
  --mat-slider-focus-handle-color: #cddc39;
  --mat-slider-handle-color: #cddc39;
  --mat-slider-hover-handle-color: #cddc39;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #cddc39 4%, transparent);
  --mat-slider-inactive-track-color: #cddc39;
  --mat-slider-ripple-color: #cddc39;
  --mat-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-inactive-container-color: #cddc39;
}
.bee-blue-grey-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.bee-blue-grey-theme .mdc-list-item__start,
.bee-blue-grey-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #546e7a;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #546e7a;
  --mat-radio-selected-hover-icon-color: #546e7a;
  --mat-radio-selected-icon-color: #546e7a;
  --mat-radio-selected-pressed-icon-color: #546e7a;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-grey-theme .mat-accent .mdc-list-item__start,
.bee-blue-grey-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #cddc39;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #cddc39;
  --mat-radio-selected-hover-icon-color: #cddc39;
  --mat-radio-selected-icon-color: #cddc39;
  --mat-radio-selected-pressed-icon-color: #cddc39;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-grey-theme .mat-warn .mdc-list-item__start,
.bee-blue-grey-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-grey-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #546e7a;
  --mat-checkbox-selected-hover-icon-color: #546e7a;
  --mat-checkbox-selected-icon-color: #546e7a;
  --mat-checkbox-selected-pressed-icon-color: #546e7a;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #546e7a;
  --mat-checkbox-selected-hover-state-layer-color: #546e7a;
  --mat-checkbox-selected-pressed-state-layer-color: #546e7a;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-grey-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #cddc39;
  --mat-checkbox-selected-hover-icon-color: #cddc39;
  --mat-checkbox-selected-icon-color: #cddc39;
  --mat-checkbox-selected-pressed-icon-color: #cddc39;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #cddc39;
  --mat-checkbox-selected-hover-state-layer-color: #cddc39;
  --mat-checkbox-selected-pressed-state-layer-color: #cddc39;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-grey-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-grey-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.bee-blue-grey-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.bee-blue-grey-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.bee-blue-grey-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #546e7a;
}
.bee-blue-grey-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.bee-blue-grey-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.bee-blue-grey-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.bee-blue-grey-theme .mdc-list-item__start,
.bee-blue-grey-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.bee-blue-grey-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.bee-blue-grey-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.bee-blue-grey-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.bee-blue-grey-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.bee-blue-grey-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.bee-blue-grey-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.bee-blue-grey-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.bee-blue-grey-theme .mat-mdc-tab-group,
.bee-blue-grey-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #546e7a;
  --mat-tab-active-ripple-color: #546e7a;
  --mat-tab-inactive-ripple-color: #546e7a;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #546e7a;
  --mat-tab-active-hover-label-text-color: #546e7a;
  --mat-tab-active-focus-indicator-color: #546e7a;
  --mat-tab-active-hover-indicator-color: #546e7a;
  --mat-tab-active-indicator-color: #546e7a;
}
.bee-blue-grey-theme .mat-mdc-tab-group.mat-accent,
.bee-blue-grey-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #cddc39;
  --mat-tab-active-ripple-color: #cddc39;
  --mat-tab-inactive-ripple-color: #cddc39;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #cddc39;
  --mat-tab-active-hover-label-text-color: #cddc39;
  --mat-tab-active-focus-indicator-color: #cddc39;
  --mat-tab-active-hover-indicator-color: #cddc39;
  --mat-tab-active-indicator-color: #cddc39;
}
.bee-blue-grey-theme .mat-mdc-tab-group.mat-warn,
.bee-blue-grey-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.bee-blue-grey-theme .mat-mdc-tab-group.mat-background-primary,
.bee-blue-grey-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #546e7a;
  --mat-tab-foreground-color: #ffffff;
}
.bee-blue-grey-theme .mat-mdc-tab-group.mat-background-accent,
.bee-blue-grey-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #cddc39;
  --mat-tab-foreground-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-grey-theme .mat-mdc-tab-group.mat-background-warn,
.bee-blue-grey-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.bee-blue-grey-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.bee-blue-grey-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.bee-blue-grey-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #546e7a;
  --mat-checkbox-selected-hover-icon-color: #546e7a;
  --mat-checkbox-selected-icon-color: #546e7a;
  --mat-checkbox-selected-pressed-icon-color: #546e7a;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #546e7a;
  --mat-checkbox-selected-hover-state-layer-color: #546e7a;
  --mat-checkbox-selected-pressed-state-layer-color: #546e7a;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-grey-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-grey-theme .mat-mdc-button.mat-primary,
.bee-blue-grey-theme .mat-mdc-unelevated-button.mat-primary,
.bee-blue-grey-theme .mat-mdc-raised-button.mat-primary,
.bee-blue-grey-theme .mat-mdc-outlined-button.mat-primary,
.bee-blue-grey-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #546e7a;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #546e7a;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #546e7a 12%, transparent);
  --mat-button-outlined-state-layer-color: #546e7a;
  --mat-button-protected-container-color: #546e7a;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #546e7a;
  --mat-button-text-ripple-color: color-mix(in srgb, #546e7a 12%, transparent);
  --mat-button-text-state-layer-color: #546e7a;
  --mat-button-tonal-container-color: #546e7a;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bee-blue-grey-theme .mat-mdc-button.mat-accent,
.bee-blue-grey-theme .mat-mdc-unelevated-button.mat-accent,
.bee-blue-grey-theme .mat-mdc-raised-button.mat-accent,
.bee-blue-grey-theme .mat-mdc-outlined-button.mat-accent,
.bee-blue-grey-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #cddc39;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-label-text-color: #cddc39;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-button-outlined-state-layer-color: #cddc39;
  --mat-button-protected-container-color: #cddc39;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-label-text-color: #cddc39;
  --mat-button-text-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-button-text-state-layer-color: #cddc39;
  --mat-button-tonal-container-color: #cddc39;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-grey-theme .mat-mdc-button.mat-warn,
.bee-blue-grey-theme .mat-mdc-unelevated-button.mat-warn,
.bee-blue-grey-theme .mat-mdc-raised-button.mat-warn,
.bee-blue-grey-theme .mat-mdc-outlined-button.mat-warn,
.bee-blue-grey-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bee-blue-grey-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #546e7a;
  --mat-icon-button-state-layer-color: #546e7a;
  --mat-icon-button-ripple-color: color-mix(in srgb, #546e7a 12%, transparent);
}
.bee-blue-grey-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #cddc39;
  --mat-icon-button-state-layer-color: #cddc39;
  --mat-icon-button-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
}
.bee-blue-grey-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.bee-blue-grey-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.bee-blue-grey-theme .mat-mdc-fab.mat-primary,
.bee-blue-grey-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #546e7a;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #546e7a 12%, transparent);
  --mat-fab-small-container-color: #546e7a;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bee-blue-grey-theme .mat-mdc-fab.mat-accent,
.bee-blue-grey-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #cddc39;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-fab-small-container-color: #cddc39;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-grey-theme .mat-mdc-fab.mat-warn,
.bee-blue-grey-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bee-blue-grey-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #cddc39;
}
.bee-blue-grey-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.bee-blue-grey-theme .mat-badge-accent {
  --mat-badge-background-color: #cddc39;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-grey-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.bee-blue-grey-theme .mat-datepicker-content.mat-accent,
.bee-blue-grey-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #cddc39;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #cddc39 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #cddc39 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #cddc39;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-grey-theme .mat-datepicker-content.mat-warn,
.bee-blue-grey-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-grey-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.bee-blue-grey-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.bee-blue-grey-theme .mat-icon.mat-primary {
  --mat-icon-color: #546e7a;
}
.bee-blue-grey-theme .mat-icon.mat-accent {
  --mat-icon-color: #cddc39;
}
.bee-blue-grey-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.bee-blue-grey-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #cddc39;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #cddc39;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #cddc39;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-grey-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.bee-blue-grey-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #546e7a;
  --mat-toolbar-container-text-color: #ffffff;
}
.bee-blue-grey-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #cddc39;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-grey-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.bee-blue-grey-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-focus-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-handle-color: #cddc39;
  --mat-slide-toggle-selected-pressed-handle-color: #cddc39;
  --mat-slide-toggle-selected-focus-track-color: #dce775;
  --mat-slide-toggle-selected-hover-track-color: #dce775;
  --mat-slide-toggle-selected-pressed-track-color: #dce775;
  --mat-slide-toggle-selected-track-color: #dce775;
}
.bee-blue-grey-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bee-blue-grey-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-blue-grey-theme .back-container {
  color: #546e7a;
}
.bee-blue-grey-theme .back-container:hover {
  opacity: 0.54;
}
.bee-blue-grey-theme .warn-text {
  color: #e74737;
}
.bee-blue-grey-theme .inside-modal-title.primary-colored-title,
.bee-blue-grey-theme .form-title.primary-colored-title {
  color: #546e7a;
}
.bee-blue-grey-theme .full-height-container form .button-container {
  background: white;
}
.bee-blue-grey-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.bee-blue-grey-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.bee-blue-grey-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-blue-grey-theme .box-checkbox.active-box-checkbox {
  background-color: #546e7a;
  color: white;
}
.bee-blue-grey-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-blue-grey-theme .box-radio.active-box-radio {
  background-color: #546e7a;
  color: white;
}
.bee-blue-grey-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.bee-blue-grey-theme .error {
  color: #e74737;
}
.bee-blue-grey-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.bee-blue-grey-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.bee-blue-grey-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-blue-grey-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.bee-blue-grey-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-grey-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-grey-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.bee-blue-grey-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.bee-blue-grey-theme .ql-snow .ql-picker-options {
  background: white;
}
.bee-blue-grey-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.bee-blue-grey-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.bee-blue-grey-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.bee-blue-grey-theme .ql-snow .ql-fill,
.bee-blue-grey-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.bee-blue-grey-theme .ql-snow.ql-toolbar button:hover,
.bee-blue-grey-theme .ql-snow .ql-toolbar button:hover,
.bee-blue-grey-theme .ql-snow.ql-toolbar button:focus,
.bee-blue-grey-theme .ql-snow .ql-toolbar button:focus,
.bee-blue-grey-theme .ql-snow.ql-toolbar button.ql-active,
.bee-blue-grey-theme .ql-snow .ql-toolbar button.ql-active,
.bee-blue-grey-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.bee-blue-grey-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.bee-blue-grey-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.bee-blue-grey-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.bee-blue-grey-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.bee-blue-grey-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.bee-blue-grey-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.bee-blue-grey-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.bee-blue-grey-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.bee-blue-grey-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.bee-blue-grey-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.bee-blue-grey-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.bee-blue-grey-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.bee-blue-grey-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.bee-blue-grey-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-blue-grey-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-blue-grey-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-blue-grey-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-blue-grey-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-blue-grey-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-blue-grey-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-blue-grey-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-blue-grey-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-blue-grey-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-blue-grey-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-blue-grey-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-blue-grey-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-blue-grey-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-blue-grey-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-blue-grey-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-blue-grey-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-blue-grey-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-blue-grey-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-blue-grey-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-blue-grey-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.bee-blue-grey-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.bee-blue-grey-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.bee-blue-grey-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.bee-blue-grey-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.bee-blue-grey-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.bee-blue-grey-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.bee-blue-grey-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.bee-blue-grey-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-blue-grey-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-blue-grey-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-blue-grey-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-blue-grey-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-blue-grey-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-blue-grey-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-blue-grey-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-blue-grey-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.bee-blue-grey-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.bee-blue-grey-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.bee-blue-grey-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.bee-blue-grey-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.bee-blue-grey-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.bee-blue-grey-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-blue-grey-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-blue-grey-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-blue-grey-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-blue-grey-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-blue-grey-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-blue-grey-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.bee-blue-grey-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.bee-blue-grey-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-blue-grey-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-blue-grey-theme bee-form-item {
  margin-right: 0 !important;
}
.bee-blue-grey-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.bee-blue-grey-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #546e7a;
  height: 38px !important;
}
.bee-blue-grey-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.bee-blue-grey-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.bee-blue-grey-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.bee-blue-grey-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.bee-blue-grey-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.bee-blue-grey-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.bee-blue-grey-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.bee-blue-grey-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.bee-blue-grey-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .bee-blue-grey-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.bee-blue-grey-theme .general-container .label-wrapper label {
  color: #546e7a !important;
  background-color: white;
}
.bee-blue-grey-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-blue-grey-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.bee-blue-grey-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.bee-blue-grey-theme .general-container .bee-selector .bee-selector-container {
  border-color: #546e7a !important;
}
.bee-blue-grey-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.bee-blue-grey-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.bee-blue-grey-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.bee-blue-grey-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.bee-blue-grey-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.bee-blue-grey-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-grey-theme .general-container .bee-selector .bee-selector-container:focus,
.bee-blue-grey-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #546e7a;
}
.bee-blue-grey-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.bee-blue-grey-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #546e7a;
}
.bee-blue-grey-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.bee-blue-grey-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #546e7a;
}
.bee-blue-grey-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bee-blue-grey-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-blue-grey-theme .general-container .bee-dropdown {
  background: white;
}
.bee-blue-grey-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #546e7a;
}
.bee-blue-grey-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.bee-blue-grey-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.bee-blue-grey-theme .general-container .selector-error {
  color: #e74737;
}
.bee-blue-grey-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-blue-grey-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.bee-blue-grey-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-grey-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.bee-blue-grey-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #546e7a;
}
.bee-blue-grey-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bee-blue-grey-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-blue-grey-theme .move-image-action-container:hover {
  color: #546e7a;
}
.bee-blue-grey-theme .info-icon {
  color: #546e7a;
}
.bee-blue-grey-theme .email-chip {
  color: #546e7a !important;
  background-color: rgba(84, 110, 122, 0.15) !important;
}
.bee-blue-grey-theme .email-chip .mat-chip-remove {
  color: #546e7a !important;
  opacity: 1 !important;
}
.bee-blue-grey-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.bee-blue-grey-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.bee-blue-grey-theme .mat-badge-content {
  color: #546e7a !important;
}
.bee-blue-grey-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #546e7a !important;
}
.bee-blue-grey-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #546e7a !important;
}
.bee-blue-grey-theme #circle-lleno {
  background: #95d9ff;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.bee-blue-grey-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.bee-blue-grey-theme .marine-color {
  color: #0f223e !important;
}
.bee-blue-grey-theme .primary-color {
  color: #546e7a !important;
}
.bee-blue-grey-theme .gray-color {
  color: #C0C4CA !important;
}
.bee-blue-grey-theme .primary-color-200 {
  color: #aab7bd !important;
}
.bee-blue-grey-theme svg.primary-fill-svg {
  fill: #546e7a !important;
}
.bee-blue-grey-theme .primary-fill {
  fill: #546e7a !important;
}
.bee-blue-grey-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-blue-grey-theme .primary-border-50 {
  border-color: #eaeeef !important;
}
.bee-blue-grey-theme .primary-border-100 {
  border-color: #ccd4d7 !important;
}
.bee-blue-grey-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.bee-blue-grey-theme .transparent-border-100 {
  border-color: transparent !important;
}
.bee-blue-grey-theme .primary-border-200 {
  border-color: #aab7bd !important;
}
.bee-blue-grey-theme .primary-indicator .mat-expansion-indicator:after {
  color: #546e7a;
}
.bee-blue-grey-theme .contrast-background {
  background-color: #ffffff !important;
}
.bee-blue-grey-theme .primary-color-small {
  color: rgba(84, 110, 122, 0.6);
}
.bee-blue-grey-theme .marine-background {
  background-color: #0f223e !important;
}
.bee-blue-grey-theme .primary-background {
  background-color: #546e7a !important;
}
.bee-blue-grey-theme .primary-background-50 {
  background-color: #eaeeef !important;
}
.bee-blue-grey-theme .primary-background-200 {
  background-color: #aab7bd !important;
}
.bee-blue-grey-theme .primary-background-800 {
  background-color: #3a515d !important;
}
.bee-blue-grey-theme .white-color {
  color: white !important;
}
.bee-blue-grey-theme .secondary-color {
  color: #95d9ff !important;
}
.bee-blue-grey-theme .secondary-background {
  background-color: #95d9ff !important;
}
.bee-blue-grey-theme .secondary-background-semi {
  background-color: #546e7a !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #546e7a !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-blue-grey-theme .secondary-background-full {
  background-color: #546e7a !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #546e7a !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-blue-grey-theme .secondary-background-empty {
  background-color: #546e7a !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #546e7a !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-blue-grey-theme .secondary-border {
  background-color: #95d9ff !important;
}
.bee-blue-grey-theme .tertiary-color {
  color: #2fb5ff !important;
}
.bee-blue-grey-theme button.button-tertiary {
  background-color: #2fb5ff !important;
  color: #546e7a !important;
  border: 1px solid #546e7a !important;
}
.bee-blue-grey-theme span.red-text {
  color: #DB1F35 !important;
}
.bee-blue-grey-theme .tertiary-background {
  background-color: #2fb5ff !important;
}
.bee-blue-grey-theme .tertiary-border {
  border-color: #2fb5ff !important;
}
.bee-blue-grey-theme .dark-background {
  background-color: black !important;
}
.bee-blue-grey-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.bee-blue-grey-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.bee-blue-grey-theme .primary-soft-background {
  background-color: rgba(84, 110, 122, 0.1) !important;
}
.bee-blue-grey-theme .primary-soft-background:hover {
  background-color: rgba(84, 110, 122, 0.15) !important;
}
.bee-blue-grey-theme .primary-border {
  border-color: #546e7a !important;
}
.bee-blue-grey-theme .default-background {
  background-color: #fafafa !important;
}
.bee-blue-grey-theme .hover-primary:hover {
  color: #546e7a !important;
}
.bee-blue-grey-theme .hover-primary-background:hover {
  background-color: #546e7a !important;
}
.bee-blue-grey-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.bee-blue-grey-theme .warn-color {
  color: #e74737 !important;
}
.bee-blue-grey-theme .warn-border {
  border-color: #e74737 !important;
}
.bee-blue-grey-theme .accent-color {
  color: #cddc39 !important;
}
.bee-blue-grey-theme .accent-background {
  background-color: #cddc39 !important;
}
.bee-blue-grey-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.bee-blue-grey-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.bee-blue-grey-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.bee-blue-grey-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-blue-grey-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-blue-grey-theme .dialog-table tr .action-icon {
  color: transparent;
}
.bee-blue-grey-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bee-blue-grey-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.bee-blue-grey-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #546e7a;
}
.bee-blue-grey-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-blue-grey-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-blue-grey-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.bee-blue-grey-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.bee-blue-grey-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.bee-blue-grey-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-blue-grey-theme .card-table tr .action-icon {
  color: transparent;
}
.bee-blue-grey-theme .card-table tr .action-icon button {
  color: transparent;
}
.bee-blue-grey-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-blue-grey-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-blue-grey-theme .card-table tr:hover .action-icon button {
  color: #546e7a;
}
.bee-blue-grey-theme .card-table tr:hover .action-icon:hover {
  color: #546e7a;
}
.bee-blue-grey-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-blue-grey-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.bee-blue-grey-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-blue-grey-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-blue-grey-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #546e7a;
}
.bee-blue-grey-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-blue-grey-theme .no-hover-table tr:hover {
  background: white;
}
.bee-blue-grey-theme .custom-standard-chip {
  background-color: rgba(84, 110, 122, 0.1) !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .help-dashboard-card .mat-icon {
  color: #546e7a;
}
.bee-blue-grey-theme .help-dashboard-card:hover {
  background-color: #546e7a;
}
.bee-blue-grey-theme .help-dashboard-card:hover .mat-icon,
.bee-blue-grey-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.bee-blue-grey-theme .room-open {
  background-color: #546e7a !important;
  color: white !important;
}
.bee-blue-grey-theme .room-open:hover {
  background-color: #546e7a !important;
  color: white !important;
}
.bee-blue-grey-theme #public-office-page-groups .public-group-button-hover {
  background-color: #546e7a !important;
  color: white !important;
}
.bee-blue-grey-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-blue-grey-theme .notification-container .show-tip {
  color: transparent;
}
.bee-blue-grey-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-blue-grey-theme .notification-container:hover .show-tip {
  color: #546e7a;
}
.bee-blue-grey-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-blue-grey-theme .notification-container .notification-subject .mat-icon {
  color: #546e7a;
}
.bee-blue-grey-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-blue-grey-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-blue-grey-theme .message-container .show-tip {
  color: transparent;
}
.bee-blue-grey-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-blue-grey-theme .message-container:hover .show-tip {
  color: #546e7a;
}
.bee-blue-grey-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-blue-grey-theme .message-container .message-subject .mat-icon {
  color: #546e7a;
}
.bee-blue-grey-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-blue-grey-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.bee-blue-grey-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.bee-blue-grey-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.bee-blue-grey-theme .primary-200-outline input {
  caret-color: #aab7bd;
  color: #546e7a;
}
.bee-blue-grey-theme .primary-200-outline label {
  color: #aab7bd;
}
.bee-blue-grey-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #aab7bd !important;
}
.bee-blue-grey-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #aab7bd;
}
.bee-blue-grey-theme mat-form-field .primary-outline label {
  color: #546e7a !important;
}
.bee-blue-grey-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #546e7a !important;
}
.bee-blue-grey-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #546e7a !important;
}
.bee-blue-grey-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.bee-blue-grey-theme .input-primary input {
  caret-color: #546e7a;
  color: #546e7a;
}
.bee-blue-grey-theme .input-primary label {
  color: #546e7a;
}
.bee-blue-grey-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #546e7a !important;
}
.bee-blue-grey-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.bee-blue-grey-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #546e7a;
  border-width: 1px;
}
.bee-blue-grey-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.bee-blue-grey-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.bee-blue-grey-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.bee-blue-grey-theme .boton-recarga {
  background-color: #546e7a;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.bee-blue-grey-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.bee-blue-grey-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.bee-blue-grey-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.bee-blue-grey-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.bee-blue-grey-theme .header-container button {
  padding: 0 !important;
}
.bee-blue-grey-theme .header-container .mat-button {
  min-width: unset !important;
}
.bee-blue-grey-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.bee-blue-grey-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bee-blue-grey-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.bee-blue-grey-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.bee-blue-grey-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.bee-blue-grey-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-blue-grey-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-blue-grey-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-blue-grey-theme .input-recarga-marine {
  border: 1px solid #546e7a !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.bee-blue-grey-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-blue-grey-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-blue-grey-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-blue-grey-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-blue-grey-theme .color-primary {
  color: #546e7a !important;
  fill: #546e7a !important;
}
.bee-blue-grey-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.bee-blue-grey-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.bee-blue-grey-theme .primary-contrast {
  color: #ffffff !important;
}
.bee-blue-grey-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.bee-blue-grey-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-blue-grey-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-blue-grey-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-blue-grey-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-blue-grey-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-blue-grey-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-blue-grey-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-blue-grey-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #95d9ff !important;
}
.bee-blue-grey-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-blue-grey-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .mat-checkbox-checked .mat-checkbox-background,
.bee-blue-grey-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #546e7a !important;
}
.bee-blue-grey-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-blue-grey-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-blue-grey-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #aab7bd !important;
}
.bee-blue-grey-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-blue-grey-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.bee-blue-grey-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.bee-blue-grey-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.bee-blue-grey-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-blue-grey-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-blue-grey-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-blue-grey-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-blue-grey-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-blue-grey-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-blue-grey-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-blue-grey-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-blue-grey-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.bee-blue-grey-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.bee-blue-grey-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-blue-grey-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-blue-grey-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #95d9ff !important;
}
.bee-blue-grey-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #95d9ff !important;
}
.bee-blue-grey-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.bee-blue-grey-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.bee-blue-grey-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bee-blue-grey-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bee-blue-grey-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.bee-blue-grey-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #95d9ff !important;
}
.bee-blue-grey-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #95d9ff !important;
}
.bee-blue-grey-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.bee-blue-grey-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.bee-blue-grey-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #2fb5ff !important;
}
.bee-blue-grey-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #2fb5ff !important;
}
.bee-blue-grey-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #2fb5ff !important;
}
.bee-blue-grey-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #2fb5ff !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bee-blue-grey-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #2fb5ff !important;
}
.bee-blue-grey-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #2fb5ff !important;
}
.bee-blue-grey-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bee-blue-grey-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.bee-blue-grey-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bee-blue-grey-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.bee-blue-grey-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.bee-blue-grey-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #546e7a !important;
}
.bee-blue-grey-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.bee-blue-grey-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #546e7a !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.bee-blue-grey-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.bee-blue-grey-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.bee-blue-grey-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.bee-blue-grey-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.bee-blue-grey-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.bee-blue-grey-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #95d9ff !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-blue-grey-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #546e7a !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #546e7a !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-blue-grey-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #546e7a !important;
}
.bee-blue-grey-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.bee-blue-grey-theme .button-text-hidden {
  display: none;
}
.bee-grey-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #757575;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #cddc39;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #cddc39;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #757575 87%, transparent);
  --mat-form-field-filled-caret-color: #757575;
  --mat-form-field-filled-focus-active-indicator-color: #757575;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #757575 87%, transparent);
  --mat-form-field-outlined-caret-color: #757575;
  --mat-form-field-outlined-focus-outline-color: #757575;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #757575 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #757575;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #757575;
  --mat-slide-toggle-selected-handle-color: #757575;
  --mat-slide-toggle-selected-hover-state-layer-color: #757575;
  --mat-slide-toggle-selected-pressed-state-layer-color: #757575;
  --mat-slide-toggle-selected-focus-handle-color: #757575;
  --mat-slide-toggle-selected-hover-handle-color: #757575;
  --mat-slide-toggle-selected-pressed-handle-color: #757575;
  --mat-slide-toggle-selected-focus-track-color: #9e9e9e;
  --mat-slide-toggle-selected-hover-track-color: #9e9e9e;
  --mat-slide-toggle-selected-pressed-track-color: #9e9e9e;
  --mat-slide-toggle-selected-track-color: #9e9e9e;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #757575;
  --mat-slider-focus-handle-color: #757575;
  --mat-slider-handle-color: #757575;
  --mat-slider-hover-handle-color: #757575;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #757575 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #757575 4%, transparent);
  --mat-slider-inactive-track-color: #757575;
  --mat-slider-ripple-color: #757575;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #757575;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #cddc39;
  --mat-checkbox-selected-hover-icon-color: #cddc39;
  --mat-checkbox-selected-icon-color: #cddc39;
  --mat-checkbox-selected-pressed-icon-color: #cddc39;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #cddc39;
  --mat-checkbox-selected-hover-state-layer-color: #cddc39;
  --mat-checkbox-selected-pressed-state-layer-color: #cddc39;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #9e9e9e;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #757575;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #757575;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #757575 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #757575;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #757575 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #757575 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #757575 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #757575;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #757575;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #757575;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #757575;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #757575;
  --mat-slide-toggle-selected-handle-color: #757575;
  --mat-slide-toggle-selected-hover-state-layer-color: #757575;
  --mat-slide-toggle-selected-pressed-state-layer-color: #757575;
  --mat-slide-toggle-selected-focus-handle-color: #757575;
  --mat-slide-toggle-selected-hover-handle-color: #757575;
  --mat-slide-toggle-selected-pressed-handle-color: #757575;
  --mat-slide-toggle-selected-focus-track-color: #9e9e9e;
  --mat-slide-toggle-selected-hover-track-color: #9e9e9e;
  --mat-slide-toggle-selected-pressed-track-color: #9e9e9e;
  --mat-slide-toggle-selected-track-color: #9e9e9e;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-grey-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #cddc39;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-grey-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-grey-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #757575;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #757575;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-grey-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #cddc39;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #cddc39;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-grey-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-grey-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #757575;
  --mat-progress-bar-track-color: rgba(117, 117, 117, 0.25);
}
.bee-grey-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #cddc39;
  --mat-progress-bar-track-color: rgba(205, 220, 57, 0.25);
}
.bee-grey-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.bee-grey-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #cddc39 87%, transparent);
  --mat-form-field-filled-caret-color: #cddc39;
  --mat-form-field-filled-focus-active-indicator-color: #cddc39;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #cddc39 87%, transparent);
  --mat-form-field-outlined-caret-color: #cddc39;
  --mat-form-field-outlined-focus-outline-color: #cddc39;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #cddc39 87%, transparent);
}
.bee-grey-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.bee-grey-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #cddc39;
  --mat-select-invalid-arrow-color: #e74737;
}
.bee-grey-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.bee-grey-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.bee-grey-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-grey-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.bee-grey-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #757575;
  --mat-chip-elevated-disabled-container-color: #757575;
  --mat-chip-elevated-selected-container-color: #757575;
  --mat-chip-flat-disabled-selected-container-color: #757575;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bee-grey-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.bee-grey-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: #cddc39;
  --mat-chip-elevated-disabled-container-color: #cddc39;
  --mat-chip-elevated-selected-container-color: #cddc39;
  --mat-chip-flat-disabled-selected-container-color: #cddc39;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-grey-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.bee-grey-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bee-grey-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.bee-grey-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.bee-grey-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-focus-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-handle-color: #cddc39;
  --mat-slide-toggle-selected-pressed-handle-color: #cddc39;
  --mat-slide-toggle-selected-focus-track-color: #dce775;
  --mat-slide-toggle-selected-hover-track-color: #dce775;
  --mat-slide-toggle-selected-pressed-track-color: #dce775;
  --mat-slide-toggle-selected-track-color: #dce775;
}
.bee-grey-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bee-grey-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-grey-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #757575;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #757575;
  --mat-radio-selected-hover-icon-color: #757575;
  --mat-radio-selected-icon-color: #757575;
  --mat-radio-selected-pressed-icon-color: #757575;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-grey-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #cddc39;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #cddc39;
  --mat-radio-selected-hover-icon-color: #cddc39;
  --mat-radio-selected-icon-color: #cddc39;
  --mat-radio-selected-pressed-icon-color: #cddc39;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-grey-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-grey-theme .mat-accent {
  --mat-slider-active-track-color: #cddc39;
  --mat-slider-focus-handle-color: #cddc39;
  --mat-slider-handle-color: #cddc39;
  --mat-slider-hover-handle-color: #cddc39;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #cddc39 4%, transparent);
  --mat-slider-inactive-track-color: #cddc39;
  --mat-slider-ripple-color: #cddc39;
  --mat-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-inactive-container-color: #cddc39;
}
.bee-grey-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.bee-grey-theme .mdc-list-item__start,
.bee-grey-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #757575;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #757575;
  --mat-radio-selected-hover-icon-color: #757575;
  --mat-radio-selected-icon-color: #757575;
  --mat-radio-selected-pressed-icon-color: #757575;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-grey-theme .mat-accent .mdc-list-item__start,
.bee-grey-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #cddc39;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #cddc39;
  --mat-radio-selected-hover-icon-color: #cddc39;
  --mat-radio-selected-icon-color: #cddc39;
  --mat-radio-selected-pressed-icon-color: #cddc39;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-grey-theme .mat-warn .mdc-list-item__start,
.bee-grey-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-grey-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #757575;
  --mat-checkbox-selected-hover-icon-color: #757575;
  --mat-checkbox-selected-icon-color: #757575;
  --mat-checkbox-selected-pressed-icon-color: #757575;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #757575;
  --mat-checkbox-selected-hover-state-layer-color: #757575;
  --mat-checkbox-selected-pressed-state-layer-color: #757575;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-grey-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #cddc39;
  --mat-checkbox-selected-hover-icon-color: #cddc39;
  --mat-checkbox-selected-icon-color: #cddc39;
  --mat-checkbox-selected-pressed-icon-color: #cddc39;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #cddc39;
  --mat-checkbox-selected-hover-state-layer-color: #cddc39;
  --mat-checkbox-selected-pressed-state-layer-color: #cddc39;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-grey-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-grey-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.bee-grey-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.bee-grey-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.bee-grey-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #757575;
}
.bee-grey-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.bee-grey-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.bee-grey-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.bee-grey-theme .mdc-list-item__start,
.bee-grey-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.bee-grey-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.bee-grey-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.bee-grey-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.bee-grey-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.bee-grey-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.bee-grey-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.bee-grey-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.bee-grey-theme .mat-mdc-tab-group,
.bee-grey-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #757575;
  --mat-tab-active-ripple-color: #757575;
  --mat-tab-inactive-ripple-color: #757575;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #757575;
  --mat-tab-active-hover-label-text-color: #757575;
  --mat-tab-active-focus-indicator-color: #757575;
  --mat-tab-active-hover-indicator-color: #757575;
  --mat-tab-active-indicator-color: #757575;
}
.bee-grey-theme .mat-mdc-tab-group.mat-accent,
.bee-grey-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #cddc39;
  --mat-tab-active-ripple-color: #cddc39;
  --mat-tab-inactive-ripple-color: #cddc39;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #cddc39;
  --mat-tab-active-hover-label-text-color: #cddc39;
  --mat-tab-active-focus-indicator-color: #cddc39;
  --mat-tab-active-hover-indicator-color: #cddc39;
  --mat-tab-active-indicator-color: #cddc39;
}
.bee-grey-theme .mat-mdc-tab-group.mat-warn,
.bee-grey-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.bee-grey-theme .mat-mdc-tab-group.mat-background-primary,
.bee-grey-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #757575;
  --mat-tab-foreground-color: #ffffff;
}
.bee-grey-theme .mat-mdc-tab-group.mat-background-accent,
.bee-grey-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #cddc39;
  --mat-tab-foreground-color: rgba(0, 0, 0, 0.87);
}
.bee-grey-theme .mat-mdc-tab-group.mat-background-warn,
.bee-grey-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.bee-grey-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.bee-grey-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.bee-grey-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #757575;
  --mat-checkbox-selected-hover-icon-color: #757575;
  --mat-checkbox-selected-icon-color: #757575;
  --mat-checkbox-selected-pressed-icon-color: #757575;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #757575;
  --mat-checkbox-selected-hover-state-layer-color: #757575;
  --mat-checkbox-selected-pressed-state-layer-color: #757575;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-grey-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-grey-theme .mat-mdc-button.mat-primary,
.bee-grey-theme .mat-mdc-unelevated-button.mat-primary,
.bee-grey-theme .mat-mdc-raised-button.mat-primary,
.bee-grey-theme .mat-mdc-outlined-button.mat-primary,
.bee-grey-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #757575;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #757575;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #757575 12%, transparent);
  --mat-button-outlined-state-layer-color: #757575;
  --mat-button-protected-container-color: #757575;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #757575;
  --mat-button-text-ripple-color: color-mix(in srgb, #757575 12%, transparent);
  --mat-button-text-state-layer-color: #757575;
  --mat-button-tonal-container-color: #757575;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bee-grey-theme .mat-mdc-button.mat-accent,
.bee-grey-theme .mat-mdc-unelevated-button.mat-accent,
.bee-grey-theme .mat-mdc-raised-button.mat-accent,
.bee-grey-theme .mat-mdc-outlined-button.mat-accent,
.bee-grey-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #cddc39;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-label-text-color: #cddc39;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-button-outlined-state-layer-color: #cddc39;
  --mat-button-protected-container-color: #cddc39;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-label-text-color: #cddc39;
  --mat-button-text-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-button-text-state-layer-color: #cddc39;
  --mat-button-tonal-container-color: #cddc39;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-grey-theme .mat-mdc-button.mat-warn,
.bee-grey-theme .mat-mdc-unelevated-button.mat-warn,
.bee-grey-theme .mat-mdc-raised-button.mat-warn,
.bee-grey-theme .mat-mdc-outlined-button.mat-warn,
.bee-grey-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bee-grey-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #757575;
  --mat-icon-button-state-layer-color: #757575;
  --mat-icon-button-ripple-color: color-mix(in srgb, #757575 12%, transparent);
}
.bee-grey-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #cddc39;
  --mat-icon-button-state-layer-color: #cddc39;
  --mat-icon-button-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
}
.bee-grey-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.bee-grey-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.bee-grey-theme .mat-mdc-fab.mat-primary,
.bee-grey-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #757575;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #757575 12%, transparent);
  --mat-fab-small-container-color: #757575;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bee-grey-theme .mat-mdc-fab.mat-accent,
.bee-grey-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #cddc39;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-fab-small-container-color: #cddc39;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-grey-theme .mat-mdc-fab.mat-warn,
.bee-grey-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bee-grey-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #cddc39;
}
.bee-grey-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.bee-grey-theme .mat-badge-accent {
  --mat-badge-background-color: #cddc39;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
}
.bee-grey-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.bee-grey-theme .mat-datepicker-content.mat-accent,
.bee-grey-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #cddc39;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #cddc39 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #cddc39 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #cddc39;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-grey-theme .mat-datepicker-content.mat-warn,
.bee-grey-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-grey-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.bee-grey-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.bee-grey-theme .mat-icon.mat-primary {
  --mat-icon-color: #757575;
}
.bee-grey-theme .mat-icon.mat-accent {
  --mat-icon-color: #cddc39;
}
.bee-grey-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.bee-grey-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #cddc39;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #cddc39;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #cddc39;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}
.bee-grey-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.bee-grey-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #757575;
  --mat-toolbar-container-text-color: #ffffff;
}
.bee-grey-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #cddc39;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-grey-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.bee-grey-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-focus-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-handle-color: #cddc39;
  --mat-slide-toggle-selected-pressed-handle-color: #cddc39;
  --mat-slide-toggle-selected-focus-track-color: #dce775;
  --mat-slide-toggle-selected-hover-track-color: #dce775;
  --mat-slide-toggle-selected-pressed-track-color: #dce775;
  --mat-slide-toggle-selected-track-color: #dce775;
}
.bee-grey-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bee-grey-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-grey-theme .back-container {
  color: #757575;
}
.bee-grey-theme .back-container:hover {
  opacity: 0.54;
}
.bee-grey-theme .warn-text {
  color: #e74737;
}
.bee-grey-theme .inside-modal-title.primary-colored-title,
.bee-grey-theme .form-title.primary-colored-title {
  color: #757575;
}
.bee-grey-theme .full-height-container form .button-container {
  background: white;
}
.bee-grey-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.bee-grey-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.bee-grey-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-grey-theme .box-checkbox.active-box-checkbox {
  background-color: #757575;
  color: white;
}
.bee-grey-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-grey-theme .box-radio.active-box-radio {
  background-color: #757575;
  color: white;
}
.bee-grey-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.bee-grey-theme .error {
  color: #e74737;
}
.bee-grey-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.bee-grey-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.bee-grey-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-grey-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.bee-grey-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-grey-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-grey-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.bee-grey-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.bee-grey-theme .ql-snow .ql-picker-options {
  background: white;
}
.bee-grey-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.bee-grey-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.bee-grey-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.bee-grey-theme .ql-snow .ql-fill,
.bee-grey-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.bee-grey-theme .ql-snow.ql-toolbar button:hover,
.bee-grey-theme .ql-snow .ql-toolbar button:hover,
.bee-grey-theme .ql-snow.ql-toolbar button:focus,
.bee-grey-theme .ql-snow .ql-toolbar button:focus,
.bee-grey-theme .ql-snow.ql-toolbar button.ql-active,
.bee-grey-theme .ql-snow .ql-toolbar button.ql-active,
.bee-grey-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.bee-grey-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.bee-grey-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.bee-grey-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.bee-grey-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.bee-grey-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.bee-grey-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.bee-grey-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.bee-grey-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.bee-grey-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.bee-grey-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.bee-grey-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.bee-grey-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.bee-grey-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.bee-grey-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-grey-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-grey-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-grey-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-grey-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-grey-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-grey-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-grey-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-grey-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-grey-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-grey-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-grey-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-grey-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-grey-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-grey-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-grey-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-grey-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-grey-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-grey-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-grey-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-grey-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.bee-grey-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.bee-grey-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.bee-grey-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.bee-grey-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.bee-grey-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.bee-grey-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.bee-grey-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.bee-grey-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-grey-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-grey-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-grey-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-grey-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-grey-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-grey-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-grey-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-grey-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.bee-grey-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.bee-grey-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.bee-grey-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.bee-grey-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.bee-grey-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.bee-grey-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-grey-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-grey-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-grey-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-grey-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-grey-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-grey-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.bee-grey-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.bee-grey-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-grey-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-grey-theme bee-form-item {
  margin-right: 0 !important;
}
.bee-grey-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.bee-grey-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #757575;
  height: 38px !important;
}
.bee-grey-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.bee-grey-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.bee-grey-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.bee-grey-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.bee-grey-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.bee-grey-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.bee-grey-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.bee-grey-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.bee-grey-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .bee-grey-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.bee-grey-theme .general-container .label-wrapper label {
  color: #757575 !important;
  background-color: white;
}
.bee-grey-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-grey-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.bee-grey-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.bee-grey-theme .general-container .bee-selector .bee-selector-container {
  border-color: #757575 !important;
}
.bee-grey-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.bee-grey-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.bee-grey-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.bee-grey-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.bee-grey-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.bee-grey-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-grey-theme .general-container .bee-selector .bee-selector-container:focus,
.bee-grey-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #757575;
}
.bee-grey-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.bee-grey-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #757575;
}
.bee-grey-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.bee-grey-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #757575;
}
.bee-grey-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bee-grey-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-grey-theme .general-container .bee-dropdown {
  background: white;
}
.bee-grey-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #757575;
}
.bee-grey-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.bee-grey-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.bee-grey-theme .general-container .selector-error {
  color: #e74737;
}
.bee-grey-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-grey-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.bee-grey-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-grey-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.bee-grey-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #757575;
}
.bee-grey-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bee-grey-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-grey-theme .move-image-action-container:hover {
  color: #757575;
}
.bee-grey-theme .info-icon {
  color: #757575;
}
.bee-grey-theme .email-chip {
  color: #757575 !important;
  background-color: rgba(117, 117, 117, 0.15) !important;
}
.bee-grey-theme .email-chip .mat-chip-remove {
  color: #757575 !important;
  opacity: 1 !important;
}
.bee-grey-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.bee-grey-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.bee-grey-theme .mat-badge-content {
  color: #757575 !important;
}
.bee-grey-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #757575 !important;
}
.bee-grey-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #757575 !important;
}
.bee-grey-theme #circle-lleno {
  background: #f6afaf;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.bee-grey-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.bee-grey-theme .marine-color {
  color: #0f223e !important;
}
.bee-grey-theme .primary-color {
  color: #757575 !important;
}
.bee-grey-theme .gray-color {
  color: #C0C4CA !important;
}
.bee-grey-theme .primary-color-200 {
  color: #bababa !important;
}
.bee-grey-theme svg.primary-fill-svg {
  fill: #757575 !important;
}
.bee-grey-theme .primary-fill {
  fill: #757575 !important;
}
.bee-grey-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-grey-theme .primary-border-50 {
  border-color: #eeeeee !important;
}
.bee-grey-theme .primary-border-100 {
  border-color: #d6d6d6 !important;
}
.bee-grey-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.bee-grey-theme .transparent-border-100 {
  border-color: transparent !important;
}
.bee-grey-theme .primary-border-200 {
  border-color: #bababa !important;
}
.bee-grey-theme .primary-indicator .mat-expansion-indicator:after {
  color: #757575;
}
.bee-grey-theme .contrast-background {
  background-color: #ffffff !important;
}
.bee-grey-theme .primary-color-small {
  color: rgba(117, 117, 117, 0.6);
}
.bee-grey-theme .marine-background {
  background-color: #0f223e !important;
}
.bee-grey-theme .primary-background {
  background-color: #757575 !important;
}
.bee-grey-theme .primary-background-50 {
  background-color: #eeeeee !important;
}
.bee-grey-theme .primary-background-200 {
  background-color: #bababa !important;
}
.bee-grey-theme .primary-background-800 {
  background-color: #585858 !important;
}
.bee-grey-theme .white-color {
  color: white !important;
}
.bee-grey-theme .secondary-color {
  color: #f6afaf !important;
}
.bee-grey-theme .secondary-background {
  background-color: #f6afaf !important;
}
.bee-grey-theme .secondary-background-semi {
  background-color: #757575 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #757575 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-grey-theme .secondary-background-full {
  background-color: #757575 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #757575 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-grey-theme .secondary-background-empty {
  background-color: #757575 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #757575 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-grey-theme .secondary-border {
  background-color: #f6afaf !important;
}
.bee-grey-theme .tertiary-color {
  color: #ff4141 !important;
}
.bee-grey-theme button.button-tertiary {
  background-color: #ff4141 !important;
  color: #757575 !important;
  border: 1px solid #757575 !important;
}
.bee-grey-theme span.red-text {
  color: #DB1F35 !important;
}
.bee-grey-theme .tertiary-background {
  background-color: #ff4141 !important;
}
.bee-grey-theme .tertiary-border {
  border-color: #ff4141 !important;
}
.bee-grey-theme .dark-background {
  background-color: black !important;
}
.bee-grey-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.bee-grey-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.bee-grey-theme .primary-soft-background {
  background-color: rgba(117, 117, 117, 0.1) !important;
}
.bee-grey-theme .primary-soft-background:hover {
  background-color: rgba(117, 117, 117, 0.15) !important;
}
.bee-grey-theme .primary-border {
  border-color: #757575 !important;
}
.bee-grey-theme .default-background {
  background-color: #fafafa !important;
}
.bee-grey-theme .hover-primary:hover {
  color: #757575 !important;
}
.bee-grey-theme .hover-primary-background:hover {
  background-color: #757575 !important;
}
.bee-grey-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.bee-grey-theme .warn-color {
  color: #e74737 !important;
}
.bee-grey-theme .warn-border {
  border-color: #e74737 !important;
}
.bee-grey-theme .accent-color {
  color: #cddc39 !important;
}
.bee-grey-theme .accent-background {
  background-color: #cddc39 !important;
}
.bee-grey-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.bee-grey-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.bee-grey-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.bee-grey-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-grey-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-grey-theme .dialog-table tr .action-icon {
  color: transparent;
}
.bee-grey-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bee-grey-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.bee-grey-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #757575;
}
.bee-grey-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-grey-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-grey-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.bee-grey-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.bee-grey-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.bee-grey-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-grey-theme .card-table tr .action-icon {
  color: transparent;
}
.bee-grey-theme .card-table tr .action-icon button {
  color: transparent;
}
.bee-grey-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-grey-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-grey-theme .card-table tr:hover .action-icon button {
  color: #757575;
}
.bee-grey-theme .card-table tr:hover .action-icon:hover {
  color: #757575;
}
.bee-grey-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-grey-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.bee-grey-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-grey-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-grey-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #757575;
}
.bee-grey-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-grey-theme .no-hover-table tr:hover {
  background: white;
}
.bee-grey-theme .custom-standard-chip {
  background-color: rgba(117, 117, 117, 0.1) !important;
  color: #757575 !important;
}
.bee-grey-theme .help-dashboard-card .mat-icon {
  color: #757575;
}
.bee-grey-theme .help-dashboard-card:hover {
  background-color: #757575;
}
.bee-grey-theme .help-dashboard-card:hover .mat-icon,
.bee-grey-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.bee-grey-theme .room-open {
  background-color: #757575 !important;
  color: white !important;
}
.bee-grey-theme .room-open:hover {
  background-color: #757575 !important;
  color: white !important;
}
.bee-grey-theme #public-office-page-groups .public-group-button-hover {
  background-color: #757575 !important;
  color: white !important;
}
.bee-grey-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-grey-theme .notification-container .show-tip {
  color: transparent;
}
.bee-grey-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-grey-theme .notification-container:hover .show-tip {
  color: #757575;
}
.bee-grey-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-grey-theme .notification-container .notification-subject .mat-icon {
  color: #757575;
}
.bee-grey-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-grey-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-grey-theme .message-container .show-tip {
  color: transparent;
}
.bee-grey-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-grey-theme .message-container:hover .show-tip {
  color: #757575;
}
.bee-grey-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-grey-theme .message-container .message-subject .mat-icon {
  color: #757575;
}
.bee-grey-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-grey-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.bee-grey-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.bee-grey-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.bee-grey-theme .primary-200-outline input {
  caret-color: #bababa;
  color: #757575;
}
.bee-grey-theme .primary-200-outline label {
  color: #bababa;
}
.bee-grey-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #bababa !important;
}
.bee-grey-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #bababa;
}
.bee-grey-theme mat-form-field .primary-outline label {
  color: #757575 !important;
}
.bee-grey-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #757575 !important;
}
.bee-grey-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #757575 !important;
}
.bee-grey-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.bee-grey-theme .input-primary input {
  caret-color: #757575;
  color: #757575;
}
.bee-grey-theme .input-primary label {
  color: #757575;
}
.bee-grey-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #757575 !important;
}
.bee-grey-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.bee-grey-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #757575;
  border-width: 1px;
}
.bee-grey-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.bee-grey-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.bee-grey-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.bee-grey-theme .boton-recarga {
  background-color: #757575;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.bee-grey-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.bee-grey-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000000 !important;
}
.bee-grey-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.bee-grey-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.bee-grey-theme .header-container button {
  padding: 0 !important;
}
.bee-grey-theme .header-container .mat-button {
  min-width: unset !important;
}
.bee-grey-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.bee-grey-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bee-grey-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.bee-grey-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.bee-grey-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.bee-grey-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-grey-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-grey-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-grey-theme .input-recarga-marine {
  border: 1px solid #757575 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.bee-grey-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-grey-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-grey-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-grey-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-grey-theme .color-primary {
  color: #757575 !important;
  fill: #757575 !important;
}
.bee-grey-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.bee-grey-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.bee-grey-theme .primary-contrast {
  color: #ffffff !important;
}
.bee-grey-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #757575 !important;
}
.bee-grey-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #757575 !important;
}
.bee-grey-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.bee-grey-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #757575 !important;
}
.bee-grey-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-grey-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-grey-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-grey-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #757575 !important;
}
.bee-grey-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #757575 !important;
}
.bee-grey-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #757575 !important;
}
.bee-grey-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #757575 !important;
}
.bee-grey-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #757575 !important;
}
.bee-grey-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-grey-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #757575 !important;
}
.bee-grey-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-grey-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #757575 !important;
}
.bee-grey-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-grey-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-grey-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #757575 !important;
}
.bee-grey-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #f6afaf !important;
}
.bee-grey-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-grey-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #757575 !important;
}
.bee-grey-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #757575 !important;
}
.bee-grey-theme .mat-checkbox-checked .mat-checkbox-background,
.bee-grey-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #757575 !important;
}
.bee-grey-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #757575 !important;
}
.bee-grey-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-grey-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #757575 !important;
}
.bee-grey-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-grey-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #757575 !important;
}
.bee-grey-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #bababa !important;
}
.bee-grey-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #757575 !important;
}
.bee-grey-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-grey-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.bee-grey-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.bee-grey-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.bee-grey-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #757575 !important;
}
.bee-grey-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #757575 !important;
}
.bee-grey-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #757575 !important;
}
.bee-grey-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-grey-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #757575 !important;
}
.bee-grey-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #757575 !important;
}
.bee-grey-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #757575 !important;
}
.bee-grey-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-grey-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-grey-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #757575 !important;
}
.bee-grey-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #757575 !important;
}
.bee-grey-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-grey-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-grey-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #757575 !important;
}
.bee-grey-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-grey-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-grey-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-grey-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #757575 !important;
}
.bee-grey-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.bee-grey-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #757575 !important;
}
.bee-grey-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #757575 !important;
}
.bee-grey-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #757575 !important;
}
.bee-grey-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.bee-grey-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-grey-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-grey-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #757575 !important;
}
.bee-grey-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #757575 !important;
}
.bee-grey-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #f6afaf !important;
}
.bee-grey-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #f6afaf !important;
}
.bee-grey-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.bee-grey-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #757575 !important;
}
.bee-grey-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #757575 !important;
}
.bee-grey-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.bee-grey-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #757575 !important;
}
.bee-grey-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #757575 !important;
}
.bee-grey-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bee-grey-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bee-grey-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.bee-grey-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #f6afaf !important;
}
.bee-grey-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #f6afaf !important;
}
.bee-grey-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.bee-grey-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.bee-grey-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ff4141 !important;
}
.bee-grey-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ff4141 !important;
}
.bee-grey-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ff4141 !important;
}
.bee-grey-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ff4141 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bee-grey-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ff4141 !important;
}
.bee-grey-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #ff4141 !important;
}
.bee-grey-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #757575 !important;
}
.bee-grey-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #757575 !important;
}
.bee-grey-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #757575 !important;
}
.bee-grey-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bee-grey-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.bee-grey-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bee-grey-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.bee-grey-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.bee-grey-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #757575 !important;
}
.bee-grey-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #757575 !important;
}
.bee-grey-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #757575 !important;
}
.bee-grey-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #757575 !important;
}
.bee-grey-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #757575 !important;
}
.bee-grey-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #757575 !important;
}
.bee-grey-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.bee-grey-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #757575 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.bee-grey-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.bee-grey-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.bee-grey-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.bee-grey-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.bee-grey-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.bee-grey-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #f6afaf !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-grey-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #757575 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #757575 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-grey-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #757575 !important;
}
.bee-grey-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.bee-grey-theme .button-text-hidden {
  display: none;
}
.bee-brown-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    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-app-elevation-shadow-level-1:
    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-app-elevation-shadow-level-2:
    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-app-elevation-shadow-level-3:
    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-app-elevation-shadow-level-4:
    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-app-elevation-shadow-level-5:
    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-app-elevation-shadow-level-6:
    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-app-elevation-shadow-level-7:
    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-app-elevation-shadow-level-8:
    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-app-elevation-shadow-level-9:
    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-app-elevation-shadow-level-10:
    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-app-elevation-shadow-level-11:
    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-app-elevation-shadow-level-12:
    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-app-elevation-shadow-level-13:
    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-app-elevation-shadow-level-14:
    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-app-elevation-shadow-level-15:
    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-app-elevation-shadow-level-16:
    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-app-elevation-shadow-level-17:
    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-app-elevation-shadow-level-18:
    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-app-elevation-shadow-level-19:
    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-app-elevation-shadow-level-20:
    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-app-elevation-shadow-level-21:
    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-app-elevation-shadow-level-22:
    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-app-elevation-shadow-level-23:
    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-app-elevation-shadow-level-24:
    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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #6d4c41;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #cddc39;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #cddc39;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #6d4c41 87%, transparent);
  --mat-form-field-filled-caret-color: #6d4c41;
  --mat-form-field-filled-focus-active-indicator-color: #6d4c41;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #6d4c41 87%, transparent);
  --mat-form-field-outlined-caret-color: #6d4c41;
  --mat-form-field-outlined-focus-outline-color: #6d4c41;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #6d4c41 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e74737;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #e74737;
  --mat-form-field-filled-error-focus-label-text-color: #e74737;
  --mat-form-field-filled-error-label-text-color: #e74737;
  --mat-form-field-filled-error-caret-color: #e74737;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #e74737;
  --mat-form-field-filled-error-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-error-hover-active-indicator-color: #e74737;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #e74737;
  --mat-form-field-outlined-error-focus-label-text-color: #e74737;
  --mat-form-field-outlined-error-label-text-color: #e74737;
  --mat-form-field-outlined-error-hover-label-text-color: #e74737;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #e74737;
  --mat-form-field-outlined-error-hover-outline-color: #e74737;
  --mat-form-field-outlined-error-outline-color: #e74737;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-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-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #6d4c41;
  --mat-select-invalid-arrow-color: #e74737;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #6d4c41;
  --mat-slide-toggle-selected-handle-color: #6d4c41;
  --mat-slide-toggle-selected-hover-state-layer-color: #6d4c41;
  --mat-slide-toggle-selected-pressed-state-layer-color: #6d4c41;
  --mat-slide-toggle-selected-focus-handle-color: #6d4c41;
  --mat-slide-toggle-selected-hover-handle-color: #6d4c41;
  --mat-slide-toggle-selected-pressed-handle-color: #6d4c41;
  --mat-slide-toggle-selected-focus-track-color: #99827a;
  --mat-slide-toggle-selected-hover-track-color: #99827a;
  --mat-slide-toggle-selected-pressed-track-color: #99827a;
  --mat-slide-toggle-selected-track-color: #99827a;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-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);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #6d4c41;
  --mat-slider-focus-handle-color: #6d4c41;
  --mat-slider-handle-color: #6d4c41;
  --mat-slider-hover-handle-color: #6d4c41;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #6d4c41 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #6d4c41 4%, transparent);
  --mat-slider-inactive-track-color: #6d4c41;
  --mat-slider-ripple-color: #6d4c41;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #6d4c41;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-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-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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #cddc39;
  --mat-checkbox-selected-hover-icon-color: #cddc39;
  --mat-checkbox-selected-icon-color: #cddc39;
  --mat-checkbox-selected-pressed-icon-color: #cddc39;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #cddc39;
  --mat-checkbox-selected-hover-state-layer-color: #cddc39;
  --mat-checkbox-selected-pressed-state-layer-color: #cddc39;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-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-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-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);
  --mat-button-protected-focus-container-elevation-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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-icon-button-touch-target-display: block;
  --mat-fab-container-elevation-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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-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-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-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-fab-extended-hover-container-elevation-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-fab-extended-pressed-container-elevation-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-focus-container-elevation-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-fab-hover-container-elevation-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-fab-pressed-container-elevation-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-small-container-elevation-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-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-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-fab-small-hover-container-elevation-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-fab-small-pressed-container-elevation-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-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #99827a;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --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: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #6d4c41;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #6d4c41;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --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: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #6d4c41 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #6d4c41;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #6d4c41 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #6d4c41 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #6d4c41 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #6d4c41;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-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-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #6d4c41;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #6d4c41;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #6d4c41;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #e74737;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e74737;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-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-timepicker-container-background-color: white;
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #6d4c41;
  --mat-slide-toggle-selected-handle-color: #6d4c41;
  --mat-slide-toggle-selected-hover-state-layer-color: #6d4c41;
  --mat-slide-toggle-selected-pressed-state-layer-color: #6d4c41;
  --mat-slide-toggle-selected-focus-handle-color: #6d4c41;
  --mat-slide-toggle-selected-hover-handle-color: #6d4c41;
  --mat-slide-toggle-selected-pressed-handle-color: #6d4c41;
  --mat-slide-toggle-selected-focus-track-color: #99827a;
  --mat-slide-toggle-selected-hover-track-color: #99827a;
  --mat-slide-toggle-selected-pressed-track-color: #99827a;
  --mat-slide-toggle-selected-track-color: #99827a;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-brown-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #cddc39;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-brown-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #e74737;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.bee-brown-theme .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #6d4c41;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #6d4c41;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-brown-theme .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #cddc39;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #cddc39;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-brown-theme .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #e74737;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #e74737;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.bee-brown-theme .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #6d4c41;
  --mat-progress-bar-track-color: rgba(109, 76, 65, 0.25);
}
.bee-brown-theme .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #cddc39;
  --mat-progress-bar-track-color: rgba(205, 220, 57, 0.25);
}
.bee-brown-theme .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #e74737;
  --mat-progress-bar-track-color: rgba(231, 71, 55, 0.25);
}
.bee-brown-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #cddc39 87%, transparent);
  --mat-form-field-filled-caret-color: #cddc39;
  --mat-form-field-filled-focus-active-indicator-color: #cddc39;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #cddc39 87%, transparent);
  --mat-form-field-outlined-caret-color: #cddc39;
  --mat-form-field-outlined-focus-outline-color: #cddc39;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #cddc39 87%, transparent);
}
.bee-brown-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-filled-caret-color: #e74737;
  --mat-form-field-filled-focus-active-indicator-color: #e74737;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
  --mat-form-field-outlined-caret-color: #e74737;
  --mat-form-field-outlined-focus-outline-color: #e74737;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #e74737 87%, transparent);
}
.bee-brown-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #cddc39;
  --mat-select-invalid-arrow-color: #e74737;
}
.bee-brown-theme .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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #e74737;
  --mat-select-invalid-arrow-color: #e74737;
}
.bee-brown-theme .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.bee-brown-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-brown-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.bee-brown-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #6d4c41;
  --mat-chip-elevated-disabled-container-color: #6d4c41;
  --mat-chip-elevated-selected-container-color: #6d4c41;
  --mat-chip-flat-disabled-selected-container-color: #6d4c41;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bee-brown-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.bee-brown-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: #cddc39;
  --mat-chip-elevated-disabled-container-color: #cddc39;
  --mat-chip-elevated-selected-container-color: #cddc39;
  --mat-chip-flat-disabled-selected-container-color: #cddc39;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-brown-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.bee-brown-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #e74737;
  --mat-chip-elevated-disabled-container-color: #e74737;
  --mat-chip-elevated-selected-container-color: #e74737;
  --mat-chip-flat-disabled-selected-container-color: #e74737;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.bee-brown-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.bee-brown-theme .mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
.bee-brown-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-focus-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-handle-color: #cddc39;
  --mat-slide-toggle-selected-pressed-handle-color: #cddc39;
  --mat-slide-toggle-selected-focus-track-color: #dce775;
  --mat-slide-toggle-selected-hover-track-color: #dce775;
  --mat-slide-toggle-selected-pressed-track-color: #dce775;
  --mat-slide-toggle-selected-track-color: #dce775;
}
.bee-brown-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bee-brown-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-brown-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #6d4c41;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #6d4c41;
  --mat-radio-selected-hover-icon-color: #6d4c41;
  --mat-radio-selected-icon-color: #6d4c41;
  --mat-radio-selected-pressed-icon-color: #6d4c41;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-brown-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #cddc39;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #cddc39;
  --mat-radio-selected-hover-icon-color: #cddc39;
  --mat-radio-selected-icon-color: #cddc39;
  --mat-radio-selected-pressed-icon-color: #cddc39;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-brown-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-brown-theme .mat-accent {
  --mat-slider-active-track-color: #cddc39;
  --mat-slider-focus-handle-color: #cddc39;
  --mat-slider-handle-color: #cddc39;
  --mat-slider-hover-handle-color: #cddc39;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #cddc39 4%, transparent);
  --mat-slider-inactive-track-color: #cddc39;
  --mat-slider-ripple-color: #cddc39;
  --mat-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-inactive-container-color: #cddc39;
}
.bee-brown-theme .mat-warn {
  --mat-slider-active-track-color: #e74737;
  --mat-slider-focus-handle-color: #e74737;
  --mat-slider-handle-color: #e74737;
  --mat-slider-hover-handle-color: #e74737;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-slider-inactive-track-color: #e74737;
  --mat-slider-ripple-color: #e74737;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #e74737;
}
.bee-brown-theme .mdc-list-item__start,
.bee-brown-theme .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #6d4c41;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #6d4c41;
  --mat-radio-selected-hover-icon-color: #6d4c41;
  --mat-radio-selected-icon-color: #6d4c41;
  --mat-radio-selected-pressed-icon-color: #6d4c41;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-brown-theme .mat-accent .mdc-list-item__start,
.bee-brown-theme .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #cddc39;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #cddc39;
  --mat-radio-selected-hover-icon-color: #cddc39;
  --mat-radio-selected-icon-color: #cddc39;
  --mat-radio-selected-pressed-icon-color: #cddc39;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-brown-theme .mat-warn .mdc-list-item__start,
.bee-brown-theme .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #e74737;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #e74737;
  --mat-radio-selected-hover-icon-color: #e74737;
  --mat-radio-selected-icon-color: #e74737;
  --mat-radio-selected-pressed-icon-color: #e74737;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.bee-brown-theme .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #6d4c41;
  --mat-checkbox-selected-hover-icon-color: #6d4c41;
  --mat-checkbox-selected-icon-color: #6d4c41;
  --mat-checkbox-selected-pressed-icon-color: #6d4c41;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #6d4c41;
  --mat-checkbox-selected-hover-state-layer-color: #6d4c41;
  --mat-checkbox-selected-pressed-state-layer-color: #6d4c41;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-brown-theme .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #cddc39;
  --mat-checkbox-selected-hover-icon-color: #cddc39;
  --mat-checkbox-selected-icon-color: #cddc39;
  --mat-checkbox-selected-pressed-icon-color: #cddc39;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #cddc39;
  --mat-checkbox-selected-hover-state-layer-color: #cddc39;
  --mat-checkbox-selected-pressed-state-layer-color: #cddc39;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-brown-theme .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-brown-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.bee-brown-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.bee-brown-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.bee-brown-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #6d4c41;
}
.bee-brown-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.bee-brown-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.bee-brown-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.bee-brown-theme .mdc-list-item__start,
.bee-brown-theme .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.bee-brown-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.bee-brown-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.bee-brown-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.bee-brown-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.bee-brown-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.bee-brown-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.bee-brown-theme .mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.bee-brown-theme .mat-mdc-tab-group,
.bee-brown-theme .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #6d4c41;
  --mat-tab-active-ripple-color: #6d4c41;
  --mat-tab-inactive-ripple-color: #6d4c41;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #6d4c41;
  --mat-tab-active-hover-label-text-color: #6d4c41;
  --mat-tab-active-focus-indicator-color: #6d4c41;
  --mat-tab-active-hover-indicator-color: #6d4c41;
  --mat-tab-active-indicator-color: #6d4c41;
}
.bee-brown-theme .mat-mdc-tab-group.mat-accent,
.bee-brown-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #cddc39;
  --mat-tab-active-ripple-color: #cddc39;
  --mat-tab-inactive-ripple-color: #cddc39;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #cddc39;
  --mat-tab-active-hover-label-text-color: #cddc39;
  --mat-tab-active-focus-indicator-color: #cddc39;
  --mat-tab-active-hover-indicator-color: #cddc39;
  --mat-tab-active-indicator-color: #cddc39;
}
.bee-brown-theme .mat-mdc-tab-group.mat-warn,
.bee-brown-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #e74737;
  --mat-tab-active-ripple-color: #e74737;
  --mat-tab-inactive-ripple-color: #e74737;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #e74737;
  --mat-tab-active-hover-label-text-color: #e74737;
  --mat-tab-active-focus-indicator-color: #e74737;
  --mat-tab-active-hover-indicator-color: #e74737;
  --mat-tab-active-indicator-color: #e74737;
}
.bee-brown-theme .mat-mdc-tab-group.mat-background-primary,
.bee-brown-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #6d4c41;
  --mat-tab-foreground-color: #ffffff;
}
.bee-brown-theme .mat-mdc-tab-group.mat-background-accent,
.bee-brown-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #cddc39;
  --mat-tab-foreground-color: rgba(0, 0, 0, 0.87);
}
.bee-brown-theme .mat-mdc-tab-group.mat-background-warn,
.bee-brown-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #e74737;
  --mat-tab-foreground-color: #ffffff;
}
.bee-brown-theme .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.bee-brown-theme .mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
.bee-brown-theme .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #6d4c41;
  --mat-checkbox-selected-hover-icon-color: #6d4c41;
  --mat-checkbox-selected-icon-color: #6d4c41;
  --mat-checkbox-selected-pressed-icon-color: #6d4c41;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #6d4c41;
  --mat-checkbox-selected-hover-state-layer-color: #6d4c41;
  --mat-checkbox-selected-pressed-state-layer-color: #6d4c41;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-brown-theme .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #e74737;
  --mat-checkbox-selected-hover-icon-color: #e74737;
  --mat-checkbox-selected-icon-color: #e74737;
  --mat-checkbox-selected-pressed-icon-color: #e74737;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #e74737;
  --mat-checkbox-selected-hover-state-layer-color: #e74737;
  --mat-checkbox-selected-pressed-state-layer-color: #e74737;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-brown-theme .mat-mdc-button.mat-primary,
.bee-brown-theme .mat-mdc-unelevated-button.mat-primary,
.bee-brown-theme .mat-mdc-raised-button.mat-primary,
.bee-brown-theme .mat-mdc-outlined-button.mat-primary,
.bee-brown-theme .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #6d4c41;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #6d4c41;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #6d4c41 12%, transparent);
  --mat-button-outlined-state-layer-color: #6d4c41;
  --mat-button-protected-container-color: #6d4c41;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #6d4c41;
  --mat-button-text-ripple-color: color-mix(in srgb, #6d4c41 12%, transparent);
  --mat-button-text-state-layer-color: #6d4c41;
  --mat-button-tonal-container-color: #6d4c41;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bee-brown-theme .mat-mdc-button.mat-accent,
.bee-brown-theme .mat-mdc-unelevated-button.mat-accent,
.bee-brown-theme .mat-mdc-raised-button.mat-accent,
.bee-brown-theme .mat-mdc-outlined-button.mat-accent,
.bee-brown-theme .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #cddc39;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-label-text-color: #cddc39;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-button-outlined-state-layer-color: #cddc39;
  --mat-button-protected-container-color: #cddc39;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-label-text-color: #cddc39;
  --mat-button-text-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-button-text-state-layer-color: #cddc39;
  --mat-button-tonal-container-color: #cddc39;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-brown-theme .mat-mdc-button.mat-warn,
.bee-brown-theme .mat-mdc-unelevated-button.mat-warn,
.bee-brown-theme .mat-mdc-raised-button.mat-warn,
.bee-brown-theme .mat-mdc-outlined-button.mat-warn,
.bee-brown-theme .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #e74737;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #e74737;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-outlined-state-layer-color: #e74737;
  --mat-button-protected-container-color: #e74737;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #e74737;
  --mat-button-text-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-button-text-state-layer-color: #e74737;
  --mat-button-tonal-container-color: #e74737;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.bee-brown-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #6d4c41;
  --mat-icon-button-state-layer-color: #6d4c41;
  --mat-icon-button-ripple-color: color-mix(in srgb, #6d4c41 12%, transparent);
}
.bee-brown-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #cddc39;
  --mat-icon-button-state-layer-color: #cddc39;
  --mat-icon-button-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
}
.bee-brown-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #e74737;
  --mat-icon-button-state-layer-color: #e74737;
  --mat-icon-button-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
}
.bee-brown-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
.bee-brown-theme .mat-mdc-fab.mat-primary,
.bee-brown-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #6d4c41;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #6d4c41 12%, transparent);
  --mat-fab-small-container-color: #6d4c41;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bee-brown-theme .mat-mdc-fab.mat-accent,
.bee-brown-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #cddc39;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-ripple-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-fab-small-container-color: #cddc39;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.bee-brown-theme .mat-mdc-fab.mat-warn,
.bee-brown-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #e74737;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-fab-small-container-color: #e74737;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.bee-brown-theme .mat-accent {
  --mat-progress-spinner-active-indicator-color: #cddc39;
}
.bee-brown-theme .mat-warn {
  --mat-progress-spinner-active-indicator-color: #e74737;
}
.bee-brown-theme .mat-badge-accent {
  --mat-badge-background-color: #cddc39;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
}
.bee-brown-theme .mat-badge-warn {
  --mat-badge-background-color: #e74737;
  --mat-badge-text-color: #ffffff;
}
.bee-brown-theme .mat-datepicker-content.mat-accent,
.bee-brown-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #cddc39;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #cddc39 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #cddc39 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #cddc39 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #cddc39;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-brown-theme .mat-datepicker-content.mat-warn,
.bee-brown-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #e74737 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #cddc39 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #e74737;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e74737 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e74737 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e74737 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #e74737;
  --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-text-color: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-brown-theme .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.bee-brown-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.bee-brown-theme .mat-icon.mat-primary {
  --mat-icon-color: #6d4c41;
}
.bee-brown-theme .mat-icon.mat-accent {
  --mat-icon-color: #cddc39;
}
.bee-brown-theme .mat-icon.mat-warn {
  --mat-icon-color: #e74737;
}
.bee-brown-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #cddc39;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #cddc39;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #cddc39;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}
.bee-brown-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #e74737;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #e74737;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #e74737;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
.bee-brown-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #6d4c41;
  --mat-toolbar-container-text-color: #ffffff;
}
.bee-brown-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #cddc39;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.bee-brown-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e74737;
  --mat-toolbar-container-text-color: #ffffff;
}
.bee-brown-theme .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cddc39;
  --mat-slide-toggle-selected-focus-handle-color: #cddc39;
  --mat-slide-toggle-selected-hover-handle-color: #cddc39;
  --mat-slide-toggle-selected-pressed-handle-color: #cddc39;
  --mat-slide-toggle-selected-focus-track-color: #dce775;
  --mat-slide-toggle-selected-hover-track-color: #dce775;
  --mat-slide-toggle-selected-pressed-track-color: #dce775;
  --mat-slide-toggle-selected-track-color: #dce775;
}
.bee-brown-theme .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #e74737;
  --mat-slide-toggle-selected-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-state-layer-color: #e74737;
  --mat-slide-toggle-selected-pressed-state-layer-color: #e74737;
  --mat-slide-toggle-selected-focus-handle-color: #e74737;
  --mat-slide-toggle-selected-hover-handle-color: #e74737;
  --mat-slide-toggle-selected-pressed-handle-color: #e74737;
  --mat-slide-toggle-selected-focus-track-color: #ee7e73;
  --mat-slide-toggle-selected-hover-track-color: #ee7e73;
  --mat-slide-toggle-selected-pressed-track-color: #ee7e73;
  --mat-slide-toggle-selected-track-color: #ee7e73;
}
.bee-brown-theme .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
.bee-brown-theme .back-container {
  color: #6d4c41;
}
.bee-brown-theme .back-container:hover {
  opacity: 0.54;
}
.bee-brown-theme .warn-text {
  color: #e74737;
}
.bee-brown-theme .inside-modal-title.primary-colored-title,
.bee-brown-theme .form-title.primary-colored-title {
  color: #6d4c41;
}
.bee-brown-theme .full-height-container form .button-container {
  background: white;
}
.bee-brown-theme label {
  color: rgba(0, 0, 0, 0.6);
}
.bee-brown-theme .datepicker-clear-button {
  color: rgba(0, 0, 0, 0.6);
}
.bee-brown-theme .box-checkbox {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-brown-theme .box-checkbox.active-box-checkbox {
  background-color: #6d4c41;
  color: white;
}
.bee-brown-theme .box-radio {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-brown-theme .box-radio.active-box-radio {
  background-color: #6d4c41;
  color: white;
}
.bee-brown-theme .help-section {
  color: rgba(0, 0, 0, 0.54);
}
.bee-brown-theme .error {
  color: #e74737;
}
.bee-brown-theme .ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background: white;
}
.bee-brown-theme .ql-snow .ql-color-picker.ql-color .ql-picker-item {
  color: rgba(0, 0, 0, 0.54);
}
.bee-brown-theme .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-brown-theme .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.12);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.bee-brown-theme .quill-editor-container:hover .ql-toolbar.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-brown-theme .quill-editor-container:hover .ql-container.ql-snow {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-brown-theme .ql-snow a {
  color: rgba(0, 0, 0, 0.54);
}
.bee-brown-theme .ql-snow .ql-picker {
  color: rgba(0, 0, 0, 0.54);
}
.bee-brown-theme .ql-snow .ql-picker-options {
  background: white;
}
.bee-brown-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  background: white;
}
.bee-brown-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  background: white;
}
.bee-brown-theme .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  background: white;
}
.bee-brown-theme .ql-snow .ql-fill,
.bee-brown-theme .ql-snow .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.54);
}
.bee-brown-theme .ql-snow.ql-toolbar button:hover,
.bee-brown-theme .ql-snow .ql-toolbar button:hover,
.bee-brown-theme .ql-snow.ql-toolbar button:focus,
.bee-brown-theme .ql-snow .ql-toolbar button:focus,
.bee-brown-theme .ql-snow.ql-toolbar button.ql-active,
.bee-brown-theme .ql-snow .ql-toolbar button.ql-active,
.bee-brown-theme .ql-snow.ql-toolbar .ql-picker-label:hover,
.bee-brown-theme .ql-snow .ql-toolbar .ql-picker-label:hover,
.bee-brown-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.bee-brown-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.bee-brown-theme .ql-snow.ql-toolbar .ql-picker-item:hover,
.bee-brown-theme .ql-snow .ql-toolbar .ql-picker-item:hover,
.bee-brown-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.bee-brown-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: rgba(0, 0, 0, 0.87);
}
.bee-brown-theme .ql-snow.ql-toolbar button:hover .ql-fill,
.bee-brown-theme .ql-snow .ql-toolbar button:hover .ql-fill,
.bee-brown-theme .ql-snow.ql-toolbar button:focus .ql-fill,
.bee-brown-theme .ql-snow .ql-toolbar button:focus .ql-fill,
.bee-brown-theme .ql-snow.ql-toolbar button.ql-active .ql-fill,
.bee-brown-theme .ql-snow .ql-toolbar button.ql-active .ql-fill,
.bee-brown-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-brown-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.bee-brown-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-brown-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.bee-brown-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-brown-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.bee-brown-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-brown-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.bee-brown-theme .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-brown-theme .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.bee-brown-theme .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-brown-theme .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.bee-brown-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-brown-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.bee-brown-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-brown-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.bee-brown-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-brown-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.bee-brown-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-brown-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.bee-brown-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.bee-brown-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.bee-brown-theme .ql-snow.ql-toolbar button:hover .ql-stroke,
.bee-brown-theme .ql-snow .ql-toolbar button:hover .ql-stroke,
.bee-brown-theme .ql-snow.ql-toolbar button:focus .ql-stroke,
.bee-brown-theme .ql-snow .ql-toolbar button:focus .ql-stroke,
.bee-brown-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.bee-brown-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.bee-brown-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-brown-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.bee-brown-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-brown-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.bee-brown-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-brown-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.bee-brown-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-brown-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.bee-brown-theme .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.bee-brown-theme .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.bee-brown-theme .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.bee-brown-theme .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.bee-brown-theme .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.bee-brown-theme .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.bee-brown-theme .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-brown-theme .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.bee-brown-theme .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-brown-theme .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.bee-brown-theme .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-brown-theme .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.bee-brown-theme .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.bee-brown-theme .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.87);
}
.bee-brown-theme .ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-brown-theme .ql-snow .ql-stroke-miter {
  stroke: rgba(0, 0, 0, 0.54);
}
.bee-brown-theme bee-form-item {
  margin-right: 0 !important;
}
.bee-brown-theme bee-form-item .mat-mdc-form-field ::placeholder {
  color: #0f223e !important;
}
.bee-brown-theme bee-form-item .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-outline {
  color: #6d4c41;
  height: 38px !important;
}
.bee-brown-theme bee-form-item .mat-mdc-form-field .mat-input-element {
  color: #0f223e;
  font-size: 16px;
  letter-spacing: -0.43px;
  line-height: 23px;
  margin-top: -0.3em;
}
.bee-brown-theme bee-form-item .mat-mdc-form-field .mat-select-placeholder {
  color: #0f223e !important;
}
.bee-brown-theme bee-form-item .mat-mdc-form-field .mat-select-arrow-wrapper {
  transform: translateY(0) !important;
}
.bee-brown-theme bee-form-item .mat-mdc-form-field mat-label {
  color: white !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.39px;
}
.bee-brown-theme bee-form-item .mat-mdc-form-field .mat-form-field-label {
  color: white !important;
}
.bee-brown-theme bee-form-item .mat-mdc-form-field .mat-form-field-infix {
  padding: 0 !important;
}
.bee-brown-theme bee-form-item .mat-mdc-form-field .mat-form-field-underline {
  background-color: white !important;
}
.bee-brown-theme bee-form-item .mat-mdc-form-field .mat-form-field-ripple {
  background-color: #fedd93 !important;
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  width: 0;
}
.bee-brown-theme bee-form-item .mat-mdc-form-field .mat-error {
  font-size: 12px;
  text-align: right !important;
}
@media only screen and (max-width: 500px) {
  .bee-brown-theme bee-form-item .mat-form-field .mat-error {
    font-size: 10px !important;
  }
}
.bee-brown-theme .general-container .label-wrapper label {
  color: #6d4c41 !important;
  background-color: white;
}
.bee-brown-theme .general-container .label-wrapper label.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-brown-theme .general-container .label-wrapper label.selector-error {
  color: #e74737;
}
.bee-brown-theme .general-container .label-wrapper .background-label {
  background-color: #fafafa;
}
.bee-brown-theme .general-container .bee-selector .bee-selector-container {
  border-color: #6d4c41 !important;
}
.bee-brown-theme .general-container .bee-selector .bee-selector-container > div.single > div.placeholder {
  color: #0f223e !important;
}
.bee-brown-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear,
.bee-brown-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle {
  color: rgba(0, 0, 0, 0.54);
}
.bee-brown-theme .general-container .bee-selector .bee-selector-container > div.single > div.clear:hover,
.bee-brown-theme .general-container .bee-selector .bee-selector-container > div.single > div.toggle:hover {
  color: rgba(0, 0, 0, 0.87);
}
.bee-brown-theme .general-container .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-brown-theme .general-container .bee-selector .bee-selector-container:focus,
.bee-brown-theme .general-container .bee-selector .bee-selector-container.open {
  border-color: #6d4c41;
}
.bee-brown-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle,
.bee-brown-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle {
  color: #6d4c41;
}
.bee-brown-theme .general-container .bee-selector .bee-selector-container:focus > div.single > div.toggle:hover,
.bee-brown-theme .general-container .bee-selector .bee-selector-container.open > div.single > div.toggle:hover {
  color: #6d4c41;
}
.bee-brown-theme .general-container .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bee-brown-theme .general-container .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-brown-theme .general-container .bee-dropdown {
  background: white;
}
.bee-brown-theme .general-container .bee-dropdown .selected {
  background: rgba(0, 0, 0, 0.12);
  color: #6d4c41;
}
.bee-brown-theme .general-container .bee-dropdown .selected.highlighted {
  background: rgba(0, 0, 0, 0.12);
}
.bee-brown-theme .general-container .bee-dropdown .highlighted {
  background: rgba(0, 0, 0, 0.04);
}
.bee-brown-theme .general-container .selector-error {
  color: #e74737;
}
.bee-brown-theme .general-container .disabled {
  color: rgba(0, 0, 0, 0.38);
}
.bee-brown-theme .general-container.standard .bee-selector .bee-selector-container {
  border-color: rgba(0, 0, 0, 0.42);
}
.bee-brown-theme .general-container.standard .bee-selector .bee-selector-container:hover {
  border-color: rgba(0, 0, 0, 0.87);
}
.bee-brown-theme .general-container.standard .bee-selector .bee-selector-container:focus,
.bee-brown-theme .general-container.standard .bee-selector .bee-selector-container.open {
  border-color: #6d4c41;
}
.bee-brown-theme .general-container.standard .bee-selector .bee-selector-container.error-border {
  border-color: #e74737;
}
.bee-brown-theme .general-container.standard .bee-selector .bee-selector-container.disabled {
  border-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.38);
}
.bee-brown-theme .move-image-action-container:hover {
  color: #6d4c41;
}
.bee-brown-theme .info-icon {
  color: #6d4c41;
}
.bee-brown-theme .email-chip {
  color: #6d4c41 !important;
  background-color: rgba(109, 76, 65, 0.15) !important;
}
.bee-brown-theme .email-chip .mat-chip-remove {
  color: #6d4c41 !important;
  opacity: 1 !important;
}
.bee-brown-theme .files-tip {
  color: rgba(0, 0, 0, 0.54);
}
.bee-brown-theme .mobile-header-container {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #C0C4CA !important;
}
.bee-brown-theme .mat-badge-content {
  color: #6d4c41 !important;
}
.bee-brown-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #6d4c41 !important;
}
.bee-brown-theme .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #6d4c41 !important;
}
.bee-brown-theme #circle-lleno {
  background: #ff9a81;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.bee-brown-theme .primary-contrast-text-color {
  color: #ffffff !important;
}
.bee-brown-theme .marine-color {
  color: #0f223e !important;
}
.bee-brown-theme .primary-color {
  color: #6d4c41 !important;
}
.bee-brown-theme .gray-color {
  color: #C0C4CA !important;
}
.bee-brown-theme .primary-color-200 {
  color: #b6a6a0 !important;
}
.bee-brown-theme svg.primary-fill-svg {
  fill: #6d4c41 !important;
}
.bee-brown-theme .primary-fill {
  fill: #6d4c41 !important;
}
.bee-brown-theme .secondary-fill {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-brown-theme .primary-border-50 {
  border-color: #edeae8 !important;
}
.bee-brown-theme .primary-border-100 {
  border-color: #d3c9c6 !important;
}
.bee-brown-theme .grey-border-100 {
  border-color: #C0C4CA !important;
}
.bee-brown-theme .transparent-border-100 {
  border-color: transparent !important;
}
.bee-brown-theme .primary-border-200 {
  border-color: #b6a6a0 !important;
}
.bee-brown-theme .primary-indicator .mat-expansion-indicator:after {
  color: #6d4c41;
}
.bee-brown-theme .contrast-background {
  background-color: #ffffff !important;
}
.bee-brown-theme .primary-color-small {
  color: rgba(109, 76, 65, 0.6);
}
.bee-brown-theme .marine-background {
  background-color: #0f223e !important;
}
.bee-brown-theme .primary-background {
  background-color: #6d4c41 !important;
}
.bee-brown-theme .primary-background-50 {
  background-color: #edeae8 !important;
}
.bee-brown-theme .primary-background-200 {
  background-color: #b6a6a0 !important;
}
.bee-brown-theme .primary-background-800 {
  background-color: #50332a !important;
}
.bee-brown-theme .white-color {
  color: white !important;
}
.bee-brown-theme .secondary-color {
  color: #ff9a81 !important;
}
.bee-brown-theme .secondary-background {
  background-color: #ff9a81 !important;
}
.bee-brown-theme .secondary-background-semi {
  background-color: #6d4c41 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      #ffffff 50%) !important;
  border-color: #6d4c41 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-brown-theme .secondary-background-full {
  background-color: #6d4c41 !important;
  background-image:
    linear-gradient(
      to right,
      transparent 50%,
      transparent 50%) !important;
  border-color: #6d4c41 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-brown-theme .secondary-background-empty {
  background-color: #6d4c41 !important;
  background-image:
    linear-gradient(
      to right,
      #ffffff 50%,
      #ffffff 50%) !important;
  border-color: #6d4c41 !important;
  border-style: solid !important;
  border-width: thin;
  box-sizing: border-box;
}
.bee-brown-theme .secondary-border {
  background-color: #ff9a81 !important;
}
.bee-brown-theme .tertiary-color {
  color: #ff491b !important;
}
.bee-brown-theme button.button-tertiary {
  background-color: #ff491b !important;
  color: #6d4c41 !important;
  border: 1px solid #6d4c41 !important;
}
.bee-brown-theme span.red-text {
  color: #DB1F35 !important;
}
.bee-brown-theme .tertiary-background {
  background-color: #ff491b !important;
}
.bee-brown-theme .tertiary-border {
  border-color: #ff491b !important;
}
.bee-brown-theme .dark-background {
  background-color: black !important;
}
.bee-brown-theme .white-opacity-background {
  background-color: rgba(255, 255, 255, 0.94);
}
.bee-brown-theme .white-background {
  background-color: rgb(255, 255, 255) !important;
}
.bee-brown-theme .primary-soft-background {
  background-color: rgba(109, 76, 65, 0.1) !important;
}
.bee-brown-theme .primary-soft-background:hover {
  background-color: rgba(109, 76, 65, 0.15) !important;
}
.bee-brown-theme .primary-border {
  border-color: #6d4c41 !important;
}
.bee-brown-theme .default-background {
  background-color: #fafafa !important;
}
.bee-brown-theme .hover-primary:hover {
  color: #6d4c41 !important;
}
.bee-brown-theme .hover-primary-background:hover {
  background-color: #6d4c41 !important;
}
.bee-brown-theme .hover-background:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}
.bee-brown-theme .warn-color {
  color: #e74737 !important;
}
.bee-brown-theme .warn-border {
  border-color: #e74737 !important;
}
.bee-brown-theme .accent-color {
  color: #cddc39 !important;
}
.bee-brown-theme .accent-background {
  background-color: #cddc39 !important;
}
.bee-brown-theme .foreground-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.bee-brown-theme .foreground-secondary-text-color {
  color: rgba(0, 0, 0, 0.54);
}
.bee-brown-theme .foreground-secondary-text-color-soft {
  color: rgba(0, 0, 0, 0.36);
}
.bee-brown-theme .divider-color {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-brown-theme .dialog-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-brown-theme .dialog-table tr .action-icon {
  color: transparent;
}
.bee-brown-theme .dialog-table tr .dialog-custom-input {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bee-brown-theme .dialog-table tr .dialog-custom-input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.bee-brown-theme .dialog-table tr .dialog-custom-input:focus {
  border-bottom-color: #6d4c41;
}
.bee-brown-theme .dialog-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-brown-theme .dialog-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-brown-theme .dialog-table tr:hover .dialog-custom-input {
  background: transparent;
}
.bee-brown-theme .dialog-div-container .dialog-div-container-remove {
  color: transparent;
}
.bee-brown-theme .dialog-div-container:hover .dialog-div-container-remove {
  color: rgba(0, 0, 0, 0.54);
}
.bee-brown-theme .card-table tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-brown-theme .card-table tr .action-icon {
  color: transparent;
}
.bee-brown-theme .card-table tr .action-icon button {
  color: transparent;
}
.bee-brown-theme .card-table tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-brown-theme .card-table tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-brown-theme .card-table tr:hover .action-icon button {
  color: #6d4c41;
}
.bee-brown-theme .card-table tr:hover .action-icon:hover {
  color: #6d4c41;
}
.bee-brown-theme .dashboard-card-content tr {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-brown-theme .dashboard-card-content tr .action-icon {
  color: transparent;
}
.bee-brown-theme .dashboard-card-content tr:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-brown-theme .dashboard-card-content tr:hover .action-icon {
  color: rgba(0, 0, 0, 0.54);
}
.bee-brown-theme .dashboard-card-content tr:hover .action-icon:hover {
  color: #6d4c41;
}
.bee-brown-theme .dashboard-card-content .resume-table {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.bee-brown-theme .no-hover-table tr:hover {
  background: white;
}
.bee-brown-theme .custom-standard-chip {
  background-color: rgba(109, 76, 65, 0.1) !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .help-dashboard-card .mat-icon {
  color: #6d4c41;
}
.bee-brown-theme .help-dashboard-card:hover {
  background-color: #6d4c41;
}
.bee-brown-theme .help-dashboard-card:hover .mat-icon,
.bee-brown-theme .help-dashboard-card:hover .help-dashboard-card-text {
  color: white;
}
.bee-brown-theme .room-open {
  background-color: #6d4c41 !important;
  color: white !important;
}
.bee-brown-theme .room-open:hover {
  background-color: #6d4c41 !important;
  color: white !important;
}
.bee-brown-theme #public-office-page-groups .public-group-button-hover {
  background-color: #6d4c41 !important;
  color: white !important;
}
.bee-brown-theme .notification-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-brown-theme .notification-container .show-tip {
  color: transparent;
}
.bee-brown-theme .notification-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-brown-theme .notification-container:hover .show-tip {
  color: #6d4c41;
}
.bee-brown-theme .notification-container .notification-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-brown-theme .notification-container .notification-subject .mat-icon {
  color: #6d4c41;
}
.bee-brown-theme .notification-container .notification-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-brown-theme .message-container {
  border-color: rgba(0, 0, 0, 0.12);
}
.bee-brown-theme .message-container .show-tip {
  color: transparent;
}
.bee-brown-theme .message-container:hover {
  background: rgba(0, 0, 0, 0.03);
}
.bee-brown-theme .message-container:hover .show-tip {
  color: #6d4c41;
}
.bee-brown-theme .message-container .message-subject {
  color: rgba(0, 0, 0, 0.75);
}
.bee-brown-theme .message-container .message-subject .mat-icon {
  color: #6d4c41;
}
.bee-brown-theme .message-container .message-date {
  color: rgba(0, 0, 0, 0.54);
}
.bee-brown-theme .no-results-container .no-results-icon-container {
  background: rgba(0, 0, 0, 0.06);
}
.bee-brown-theme .no-results-container .no-results-icon-container .mat-icon {
  color: rgba(0, 0, 0, 0.12);
}
.bee-brown-theme .no-results-container .no-results-title {
  color: rgba(0, 0, 0, 0.22);
}
.bee-brown-theme .primary-200-outline input {
  caret-color: #b6a6a0;
  color: #6d4c41;
}
.bee-brown-theme .primary-200-outline label {
  color: #b6a6a0;
}
.bee-brown-theme .primary-200-outline input:-webkit-autofill {
  -webkit-text-fill-color: #b6a6a0 !important;
}
.bee-brown-theme .primary-200-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #b6a6a0;
}
.bee-brown-theme mat-form-field .primary-outline label {
  color: #6d4c41 !important;
}
.bee-brown-theme mat-form-field .primary-outline input:-webkit-autofill {
  -webkit-text-fill-color: #6d4c41 !important;
}
.bee-brown-theme mat-form-field .primary-outline .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #6d4c41 !important;
}
.bee-brown-theme .input-primary .mat-form-field-wrapper .mat-form-field-underline {
  background-color: #0f223e !important;
}
.bee-brown-theme .input-primary input {
  caret-color: #6d4c41;
  color: #6d4c41;
}
.bee-brown-theme .input-primary label {
  color: #6d4c41;
}
.bee-brown-theme .input-primary input:-webkit-autofill {
  -webkit-text-fill-color: #6d4c41 !important;
}
.bee-brown-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container {
  height: 20px;
  width: 20px;
}
.bee-brown-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #6d4c41;
  border-width: 1px;
}
.bee-brown-theme .bracelit-primary-checkbox label .mat-checkbox-inner-container .mat-checkbox-ripple .mat-checkbox-persistent-ripple {
  background-color: transparent !important;
}
.bee-brown-theme .bracelit-primary-checkbox label .mat-checkbox-label {
  padding-top: 3px;
}
.bee-brown-theme .header-primary-background .mobile-header-container {
  background-color: #C0C4CA;
}
.bee-brown-theme .boton-recarga {
  background-color: #6d4c41;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  padding: 5px 0 !important;
}
.bee-brown-theme .boton-recarga.blanco {
  background-color: #D6DBE2 !important;
  border-color: transparent !important;
  border-radius: 3px !important;
  width: 23% !important;
  height: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.bee-brown-theme .boton-pagar {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 3px !important;
  width: 125px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
}
.bee-brown-theme .contenedor-pag-completa {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100% - 50px) !important;
  position: relative !important;
  padding-top: 50px;
}
.bee-brown-theme .header-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  height: 50px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.bee-brown-theme .header-container button {
  padding: 0 !important;
}
.bee-brown-theme .header-container .mat-button {
  min-width: unset !important;
}
.bee-brown-theme .header-container .left-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px !important;
}
.bee-brown-theme .header-container .central-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bee-brown-theme .header-container .right-icon-container {
  height: 100%;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px !important;
}
.bee-brown-theme .header-container .right-icon-container .mat-badge-content {
  top: 3px;
  left: 8px;
  width: 15px;
  height: 15px;
  line-height: 17px;
}
.bee-brown-theme .input-recarga {
  border: 1px solid #0f223e;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  height: auto !important;
  color: #0f223e !important;
}
.bee-brown-theme .input-recarga ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-brown-theme .input-recarga input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-brown-theme .input-recarga input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-brown-theme .input-recarga-marine {
  border: 1px solid #6d4c41 !important;
  border-radius: 3px;
  background: transparent;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  place-content: center;
  min-height: 38px !important;
  height: auto !important;
  color: #0f223e !important;
}
.bee-brown-theme .input-recarga-marine ::ng-deep .mat-form-field-underline {
  display: none;
}
.bee-brown-theme .input-recarga-marine input {
  border: none;
  border-bottom: none !important;
  outline: none !important;
  background: transparent;
  margin-left: 14px;
  margin-right: 14px;
  width: 100% !important;
  display: flex;
  align-items: center;
}
.bee-brown-theme .input-recarga-marine input::placeholder {
  color: #0f223e !important;
  font-weight: 400 !important;
}
.bee-brown-theme .color-secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(93%) saturate(418%) hue-rotate(141deg) brightness(88%) contrast(90%);
}
.bee-brown-theme .color-primary {
  color: #6d4c41 !important;
  fill: #6d4c41 !important;
}
.bee-brown-theme .color-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(100%) contrast(100%);
}
.bee-brown-theme .linea-debajo {
  border-bottom: solid !important;
  border-bottom-color: #C0C4CA !important;
  border-bottom-width: 1px !important;
}
.bee-brown-theme .primary-contrast {
  color: #ffffff !important;
}
.bee-brown-theme .bold-12px-left-primary {
  font-size: 12px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .regular-14px-left-primary {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .light-14px-left-marine {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #0F223E !important;
}
.bee-brown-theme .light-14px-left-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .light-12px-left-grey {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-brown-theme .light-14px-left-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-brown-theme .light-14px-right-grey {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #A5ABB5 !important;
}
.bee-brown-theme .light-12px-right-primary {
  font-size: 12px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .bold-12px-right-primary {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .light-14px-right-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.34px !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .light-14px-center-primary {
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.34px !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .bold-16px-left-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .bold-16px-left-marine {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-brown-theme .bold-14px-left-primary {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .bold-14px-left-marine {
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-brown-theme .bold-16px-right-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .bold-16px-right-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-brown-theme .bold-16px-center-marine {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-brown-theme .bold-16px-center-primary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .bold-16px-center-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #ff9a81 !important;
}
.bee-brown-theme .regular-16px-left-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-brown-theme .regular-16px-left-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .regular-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .mat-checkbox-checked .mat-checkbox-background,
.bee-brown-theme .mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #6d4c41 !important;
}
.bee-brown-theme .regular-16px-center-primary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .regular-16px-center-marine {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-brown-theme .light-16px-left-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .light-16px-left-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-brown-theme .light-16px-right-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .light-16px-left-primary-200 {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #b6a6a0 !important;
}
.bee-brown-theme .light-16px-center-primary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .light-16px-center-marine {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0f223e !important;
}
.bee-brown-theme .light-16px-left-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ffffff !important;
}
.bee-brown-theme .light-16px-center-white {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: white !important;
}
.bee-brown-theme .regular-16px-center-white {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: white !important;
}
.bee-brown-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .bold-18px-left-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .bold-18px-center-marine {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.39px !important;
  color: #0F223E !important;
}
.bee-brown-theme .bold-400-18px-left-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .bold-400-18px-center-primary {
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .light-18px-left-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .light-18px-left-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-brown-theme .light-18px-right-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-brown-theme .bold-18px-right-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #6d4c41 !important;
}
.bee-brown-theme button.bold-18px-center-primary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .regular-18px-center-marine {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-brown-theme .regular-30px-center-marine {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0f223e !important;
}
.bee-brown-theme .regular-30px-center-primary {
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .regular-14px-center-accent {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-brown-theme .regular-18px-center-accent {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-brown-theme .light-18px-center-accent {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #cddc39 !important;
}
.bee-brown-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .light-18px-center-grey {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #A5ABB5 !important;
}
.bee-brown-theme .regular-18px-center-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .regular-18px-left-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .light-18px-center-primary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .light-18px-center-marine {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #0F223E !important;
}
.bee-brown-theme .regular-18px-center-white {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-brown-theme .light-18px-center-white {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ffffff !important;
}
.bee-brown-theme .regular-18px-left-primary-200 {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .regular-18px-right-primary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: right !important;
  letter-spacing: -0.43px !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .light-18px-left-secondary {
  font-size: 18px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.43px !important;
  color: #ff9a81 !important;
}
.bee-brown-theme .bold-16px-left-secondary {
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.39px !important;
  color: #ff9a81 !important;
}
.bee-brown-theme .bold-20px-center-marine {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #0F223E !important;
}
.bee-brown-theme .bold-20px-center-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .regular-20px-center-primary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .bold-20px-center-warn {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #e74737 !important;
}
.bee-brown-theme .bold-20px-left-primary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .light-20px-left-primary {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .bold-18px-center-white {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bee-brown-theme .bold-20px-center-white {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ffffff !important;
}
.bee-brown-theme .light-20px-center-white {
  font-size: 20px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #FFFFFF !important;
}
.bee-brown-theme .regular-20px-left-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ff9a81 !important;
}
.bee-brown-theme .regular-20px-center-secondary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ff9a81 !important;
}
.bee-brown-theme .regular-20px-center-white {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: white !important;
}
.bee-brown-theme .regular-20px-center-marine {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #0F223E !important;
}
.bee-brown-theme .regular-16px-center-tertiary {
  font-size: 16px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ff491b !important;
}
.bee-brown-theme .regular-18px-center-tertiary {
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.43px !important;
  color: #ff491b !important;
}
.bee-brown-theme .regular-20px-center-tertiary {
  font-size: 20px !important;
  font-weight: normal !important;
  text-align: center !important;
  letter-spacing: -0.48px !important;
  color: #ff491b !important;
}
.bee-brown-theme .bold-18px-left-tertiary {
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ff491b !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bee-brown-theme .bold-20px-left-tertiary {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.48px !important;
  color: #ff491b !important;
}
.bee-brown-theme .light-16px-right-tertiary {
  font-size: 16px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.39px !important;
  color: #ff491b !important;
}
.bee-brown-theme .bold-22px-left-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .bold-22px-center-primary {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .light-22px-center-primary {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .light-22px-left-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bee-brown-theme .light-22px-left-marine {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #0F223E !important;
}
.bee-brown-theme .light-22px-center-white {
  font-size: 22px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.53px !important;
  line-height: 30px !important;
  color: #ffffff !important;
}
.bee-brown-theme .light-24px-left-marine {
  font-size: 24px !important;
  font-weight: 300 !important;
  text-align: left !important;
  color: #0F223E !important;
}
.bee-brown-theme .light-30px-left-marine {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: left !important;
  letter-spacing: -0.96px !important;
  color: #0F223E !important;
}
.bee-brown-theme .light-30px-right-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .light-30px-center-primary {
  font-size: 30px !important;
  font-weight: 300 !important;
  text-align: center !important;
  letter-spacing: -0.96px !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .light-40px-right-primary {
  font-size: 40px !important;
  font-weight: 300 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .light-20px-right-primary {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: -0.96px !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .code-pulsera {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .code-pulsera-number {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #6d4c41 !important;
}
.bee-brown-theme .card-header-container {
  display: flex;
  justify-content: left;
}
.bee-brown-theme .card-header {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  padding: 12px 15px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: right !important;
  letter-spacing: 0.25px !important;
  color: #ffffff;
  background-color: #6d4c41 !important;
  border-top: 5px !important;
  display: flex;
  align-items: center;
}
.bee-brown-theme .card-header .mat-card-header-text {
  margin: 0 0px !important;
}
.bee-brown-theme .no-bonos-activos {
  margin-top: 40px;
  margin-bottom: 40px;
}
.bee-brown-theme .no-bonos-activos-letra {
  font-size: 16px !important;
  font-weight: bold !important;
}
.bee-brown-theme .no-bonos-activos-letra-comprar {
  max-width: 320px;
}
.bee-brown-theme .no-bonos-activos-letra-comprar p {
  color: #A5ABB5;
  font-size: 13px !important;
}
.bee-brown-theme .custom-new-2023 {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: #ff9a81 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-style: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-brown-theme .custom-new-2023-light {
  min-width: 245px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  border-color: #6d4c41 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #6d4c41 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}
.bee-brown-theme .button-text {
  margin-left: 12px;
  margin-right: 8px;
  color: #6d4c41 !important;
}
.bee-brown-theme .button-text-marine {
  margin-left: 12px;
  margin-right: 8px;
  color: #0F223E !important;
}
.bee-brown-theme .button-text-hidden {
  display: none;
}

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